eidos-ui 0.1.0

package/dist/chunk-RSBQNIJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NumberInput/NumberInput.component.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, useId } from 'react';\r\nimport { Minus, Plus } from 'lucide-react';\r\nimport type { NumberInputProps } from './NumberInput.types';\r\n\r\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\r\n  (\r\n    {\r\n      value,\r\n      defaultValue = 0,\r\n      onChange,\r\n      min,\r\n      max,\r\n      step = 1,\r\n      precision = 0,\r\n      placeholder,\r\n      disabled = false,\r\n      readOnly = false,\r\n      label,\r\n      helperText,\r\n      error = false,\r\n      errorMessage,\r\n      size = 'md',\r\n      fullWidth = false,\r\n      allowTyping = true,\r\n      className = '',\r\n      id,\r\n      name,\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const inputId = id || `number-input-${generatedId}`;\r\n\r\n    // Controlled / uncontrolled bridge\r\n    const isControlled = value !== undefined;\r\n    const [localValue, setLocalValue] = useState<number>(defaultValue);\r\n\r\n    // Intermediate text while the user is actively typing\r\n    const [inputText, setInputText] = useState<string>(defaultValue.toFixed(precision));\r\n    const [isFocused, setIsFocused] = useState(false);\r\n\r\n    const currentValue = isControlled ? value! : localValue;\r\n\r\n    // When min/max props change (e.g. via Storybook controls), clamp the\r\n    // uncontrolled localValue so the display never shows an out-of-range value.\r\n    useEffect(() => {\r\n      if (isControlled) return;\r\n      setLocalValue((prev) => {\r\n        let result = prev;\r\n        if (min !== undefined) result = Math.max(min, result);\r\n        if (max !== undefined) result = Math.min(max, result);\r\n        return parseFloat(result.toFixed(precision));\r\n      });\r\n    }, [min, max, precision, isControlled]);\r\n\r\n    // Clamp to [min, max] and apply precision rounding\r\n    const clampValue = (raw: number): number => {\r\n      let result = raw;\r\n      if (min !== undefined) result = Math.max(min, result);\r\n      if (max !== undefined) result = Math.min(max, result);\r\n      return parseFloat(result.toFixed(precision));\r\n    };\r\n\r\n    const commitValue = (newVal: number) => {\r\n      const clamped = clampValue(newVal);\r\n      if (!isControlled) setLocalValue(clamped);\r\n      onChange?.(clamped);\r\n    };\r\n\r\n    // ── Stepper buttons ────────────────────────────────────────────────────\r\n    const handleDecrement = () => {\r\n      if (disabled || readOnly) return;\r\n      commitValue(currentValue - step);\r\n    };\r\n\r\n    const handleIncrement = () => {\r\n      if (disabled || readOnly) return;\r\n      commitValue(currentValue + step);\r\n    };\r\n\r\n    // ── Typing mode handlers ───────────────────────────────────────────────\r\n    const handleTextFocus = () => {\r\n      setInputText(currentValue.toFixed(precision));\r\n      setIsFocused(true);\r\n    };\r\n\r\n    const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      setInputText(e.target.value);\r\n    };\r\n\r\n    const handleTextBlur = () => {\r\n      setIsFocused(false);\r\n      const parsed = parseFloat(inputText);\r\n      if (!isNaN(parsed)) {\r\n        const clamped = clampValue(parsed);\r\n        if (!isControlled) setLocalValue(clamped);\r\n        onChange?.(clamped);\r\n        setInputText(clamped.toFixed(precision));\r\n      } else {\r\n        // Revert to the last known-good value\r\n        setInputText(currentValue.toFixed(precision));\r\n      }\r\n    };\r\n\r\n    // ArrowUp / ArrowDown keyboard support for both display modes\r\n    const handleDisplayKeyDown = (e: React.KeyboardEvent) => {\r\n      if (e.key === 'ArrowUp') {\r\n        e.preventDefault();\r\n        handleIncrement();\r\n      } else if (e.key === 'ArrowDown') {\r\n        e.preventDefault();\r\n        handleDecrement();\r\n      }\r\n    };\r\n\r\n    // ── Display value ──────────────────────────────────────────────────────\r\n    // Show intermediate inputText while focused in typing mode;\r\n    // otherwise always derive from the real (controlled/uncontrolled) value.\r\n    const formattedValue = currentValue.toFixed(precision);\r\n    const displayedText = allowTyping && isFocused ? inputText : formattedValue;\r\n\r\n    // ── Disabled states for buttons ────────────────────────────────────────\r\n    const isDecrementDisabled = disabled || readOnly || (min !== undefined && currentValue <= min);\r\n    const isIncrementDisabled = disabled || readOnly || (max !== undefined && currentValue >= max);\r\n\r\n    // ── CSS classes ────────────────────────────────────────────────────────\r\n    const rootClasses = [\r\n      'eidos-number-input',\r\n      `eidos-number-input--${size}`,\r\n      fullWidth && 'eidos-number-input--fullWidth',\r\n      error && 'eidos-number-input--error',\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const controlClasses = [\r\n      'eidos-number-input-control',\r\n      disabled && 'eidos-number-input-control--disabled',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <div className={rootClasses}>\r\n        {label && (\r\n          <label htmlFor={allowTyping ? inputId : undefined} className=\"eidos-number-input-label\">\r\n            {label}\r\n          </label>\r\n        )}\r\n\r\n        <div\r\n          className={controlClasses}\r\n          role={allowTyping ? undefined : 'spinbutton'}\r\n          aria-valuemin={allowTyping ? undefined : min}\r\n          aria-valuemax={allowTyping ? undefined : max}\r\n          aria-valuenow={allowTyping ? undefined : currentValue}\r\n          aria-label={allowTyping ? undefined : (label ?? 'Number input')}\r\n          aria-disabled={disabled || undefined}\r\n          tabIndex={!allowTyping && !disabled ? 0 : undefined}\r\n          onKeyDown={!allowTyping ? handleDisplayKeyDown : undefined}\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            className=\"eidos-number-input-btn\"\r\n            onClick={handleDecrement}\r\n            disabled={isDecrementDisabled}\r\n            aria-label=\"Decrease\"\r\n          >\r\n            <Minus />\r\n          </button>\r\n\r\n          <div className=\"eidos-number-input-divider\" aria-hidden=\"true\" />\r\n\r\n          {allowTyping ? (\r\n            <input\r\n              id={inputId}\r\n              type=\"text\"\r\n              className=\"eidos-number-input-display\"\r\n              value={displayedText}\r\n              onChange={handleTextChange}\r\n              onFocus={handleTextFocus}\r\n              onBlur={handleTextBlur}\r\n              onKeyDown={handleDisplayKeyDown}\r\n              placeholder={placeholder}\r\n              disabled={disabled}\r\n              readOnly={readOnly}\r\n              inputMode=\"decimal\"\r\n              role=\"spinbutton\"\r\n              aria-valuemin={min}\r\n              aria-valuemax={max}\r\n              aria-valuenow={currentValue}\r\n              aria-label={label ?? 'Number input'}\r\n            />\r\n          ) : (\r\n            <span className=\"eidos-number-input-display\" aria-hidden=\"true\">\r\n              {placeholder && formattedValue === (0).toFixed(precision) && !isFocused\r\n                ? placeholder\r\n                : formattedValue}\r\n            </span>\r\n          )}\r\n\r\n          <div className=\"eidos-number-input-divider\" aria-hidden=\"true\" />\r\n\r\n          <button\r\n            type=\"button\"\r\n            className=\"eidos-number-input-btn\"\r\n            onClick={handleIncrement}\r\n            disabled={isIncrementDisabled}\r\n            aria-label=\"Increase\"\r\n          >\r\n            <Plus />\r\n          </button>\r\n        </div>\r\n\r\n        {/* Hidden native <input type=\"number\"> for form integration */}\r\n        <input\r\n          ref={ref}\r\n          type=\"number\"\r\n          name={name}\r\n          value={currentValue}\r\n          onChange={() => {}}\r\n          className=\"eidos-number-input-hidden\"\r\n          tabIndex={-1}\r\n          aria-hidden=\"true\"\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          min={min}\r\n          max={max}\r\n          step={step}\r\n        />\r\n\r\n        {helperText && !error && <span className=\"eidos-number-input-helper\">{helperText}</span>}\r\n\r\n        {error && errorMessage && (\r\n          <span className=\"eidos-number-input-error\" role=\"alert\">\r\n            {errorMessage}\r\n          </span>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nNumberInput.displayName = 'NumberInput';\r\n"],"mappings":"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","names":[]}

package/dist/chunk-S25WB7KJ.js

@@ -0,0 +1,50 @@
+// src/components/Breadcrumb/Breadcrumb.component.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Breadcrumb = ({
+  items,
+  separator = "/",
+  className = ""
+}) => /* @__PURE__ */ jsx(
+  "nav",
+  {
+    "aria-label": "Breadcrumb",
+    className: ["eidos-breadcrumb-nav", className].filter(Boolean).join(" "),
+    children: /* @__PURE__ */ jsx("ol", { className: "eidos-breadcrumb", children: items.map((item, index) => {
+      const isLast = index === items.length - 1;
+      return /* @__PURE__ */ jsxs(
+        "li",
+        {
+          className: ["eidos-breadcrumb-item", isLast && "eidos-breadcrumb-item--current"].filter(Boolean).join(" "),
+          children: [
+            isLast ? /* @__PURE__ */ jsxs("span", { "aria-current": "page", className: "eidos-breadcrumb-current", children: [
+              item.icon && /* @__PURE__ */ jsx("span", { className: "eidos-breadcrumb-icon", children: item.icon }),
+              item.label
+            ] }) : item.href ? /* @__PURE__ */ jsxs("a", { href: item.href, onClick: item.onClick, className: "eidos-breadcrumb-link", children: [
+              item.icon && /* @__PURE__ */ jsx("span", { className: "eidos-breadcrumb-icon", children: item.icon }),
+              item.label
+            ] }) : /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: item.onClick,
+                className: "eidos-breadcrumb-link eidos-breadcrumb-link--button",
+                children: [
+                  item.icon && /* @__PURE__ */ jsx("span", { className: "eidos-breadcrumb-icon", children: item.icon }),
+                  item.label
+                ]
+              }
+            ),
+            !isLast && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "eidos-breadcrumb-separator", children: separator })
+          ]
+        },
+        index
+      );
+    }) })
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+
+export {
+  Breadcrumb
+};
+//# sourceMappingURL=chunk-S25WB7KJ.js.map

package/dist/chunk-S25WB7KJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.component.tsx"],"sourcesContent":["import React from 'react';\r\nimport type { BreadcrumbProps } from './Breadcrumb.types';\r\n\r\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\r\n  items,\r\n  separator = '/',\r\n  className = '',\r\n}) => (\r\n  <nav\r\n    aria-label=\"Breadcrumb\"\r\n    className={['eidos-breadcrumb-nav', className].filter(Boolean).join(' ')}\r\n  >\r\n    <ol className=\"eidos-breadcrumb\">\r\n      {items.map((item, index) => {\r\n        const isLast = index === items.length - 1;\r\n\r\n        return (\r\n          <li\r\n            key={index}\r\n            className={['eidos-breadcrumb-item', isLast && 'eidos-breadcrumb-item--current']\r\n              .filter(Boolean)\r\n              .join(' ')}\r\n          >\r\n            {isLast ? (\r\n              <span aria-current=\"page\" className=\"eidos-breadcrumb-current\">\r\n                {item.icon && <span className=\"eidos-breadcrumb-icon\">{item.icon}</span>}\r\n                {item.label}\r\n              </span>\r\n            ) : item.href ? (\r\n              <a href={item.href} onClick={item.onClick} className=\"eidos-breadcrumb-link\">\r\n                {item.icon && <span className=\"eidos-breadcrumb-icon\">{item.icon}</span>}\r\n                {item.label}\r\n              </a>\r\n            ) : (\r\n              <button\r\n                type=\"button\"\r\n                onClick={item.onClick}\r\n                className=\"eidos-breadcrumb-link eidos-breadcrumb-link--button\"\r\n              >\r\n                {item.icon && <span className=\"eidos-breadcrumb-icon\">{item.icon}</span>}\r\n                {item.label}\r\n              </button>\r\n            )}\r\n\r\n            {!isLast && (\r\n              <span aria-hidden=\"true\" className=\"eidos-breadcrumb-separator\">\r\n                {separator}\r\n              </span>\r\n            )}\r\n          </li>\r\n        );\r\n      })}\r\n    </ol>\r\n  </nav>\r\n);\r\n\r\nBreadcrumb.displayName = 'Breadcrumb';\r\n"],"mappings":";AAwBc,SACgB,KADhB;AArBP,IAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,WAAW,CAAC,wBAAwB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAEvE,8BAAC,QAAG,WAAU,oBACX,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,YAAM,SAAS,UAAU,MAAM,SAAS;AAExC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,CAAC,yBAAyB,UAAU,gCAAgC,EAC5E,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UAEV;AAAA,qBACC,qBAAC,UAAK,gBAAa,QAAO,WAAU,4BACjC;AAAA,mBAAK,QAAQ,oBAAC,UAAK,WAAU,yBAAyB,eAAK,MAAK;AAAA,cAChE,KAAK;AAAA,eACR,IACE,KAAK,OACP,qBAAC,OAAE,MAAM,KAAK,MAAM,SAAS,KAAK,SAAS,WAAU,yBAClD;AAAA,mBAAK,QAAQ,oBAAC,UAAK,WAAU,yBAAyB,eAAK,MAAK;AAAA,cAChE,KAAK;AAAA,eACR,IAEA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,KAAK;AAAA,gBACd,WAAU;AAAA,gBAET;AAAA,uBAAK,QAAQ,oBAAC,UAAK,WAAU,yBAAyB,eAAK,MAAK;AAAA,kBAChE,KAAK;AAAA;AAAA;AAAA,YACR;AAAA,YAGD,CAAC,UACA,oBAAC,UAAK,eAAY,QAAO,WAAU,8BAChC,qBACH;AAAA;AAAA;AAAA,QA7BG;AAAA,MA+BP;AAAA,IAEJ,CAAC,GACH;AAAA;AACF;AAGF,WAAW,cAAc;","names":[]}

package/dist/chunk-SAFSEXMU.cjs

@@ -0,0 +1,211 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQGZF5MOScjs = require('./chunk-QGZF5MOS.cjs');
+
+
+var _chunkLTOHGCU4cjs = require('./chunk-LTOHGCU4.cjs');
+
+// src/components/Pagination/Pagination.component.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var ELLIPSIS = "ellipsis";
+function usePaginationRange(page, totalPages, siblingCount) {
+  const totalShown = siblingCount * 2 + 5;
+  if (totalPages <= totalShown) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const leftSibling = Math.max(page - siblingCount, 1);
+  const rightSibling = Math.min(page + siblingCount, totalPages);
+  const showLeftEllipsis = leftSibling > 2;
+  const showRightEllipsis = rightSibling < totalPages - 1;
+  const items = [1];
+  if (showLeftEllipsis) {
+    items.push(ELLIPSIS);
+  } else {
+    for (let i = 2; i < leftSibling; i++) items.push(i);
+  }
+  for (let i = leftSibling; i <= rightSibling; i++) {
+    if (i !== 1 && i !== totalPages) items.push(i);
+  }
+  if (showRightEllipsis) {
+    items.push(ELLIPSIS);
+  } else {
+    for (let i = rightSibling + 1; i < totalPages; i++) items.push(i);
+  }
+  items.push(totalPages);
+  return items;
+}
+var Pagination = ({
+  page,
+  totalPages,
+  onChange,
+  siblingCount = 1,
+  showFirstLast = false,
+  color = "primary",
+  size = "sm",
+  disabled = false,
+  className = "",
+  // Table-footer mode
+  totalItems,
+  pageSize,
+  onPageSizeChange,
+  pageSizeOptions = [10, 25, 50, 100]
+}) => {
+  const items = usePaginationRange(page, totalPages, siblingCount);
+  const [inputValue, setInputValue] = _react.useState.call(void 0, String(page));
+  _react.useEffect.call(void 0, () => {
+    setInputValue(String(page));
+  }, [page]);
+  const commitInput = (raw) => {
+    const val = parseInt(raw, 10);
+    if (!isNaN(val) && val >= 1 && val <= totalPages && val !== page) {
+      onChange(val);
+    } else {
+      setInputValue(String(page));
+    }
+  };
+  const hasResults = totalItems !== void 0 && pageSize !== void 0;
+  const hasPageSize = !!onPageSizeChange && pageSize !== void 0;
+  const tableMode = hasResults || hasPageSize;
+  const startItem = hasResults ? totalItems === 0 ? 0 : (page - 1) * pageSize + 1 : void 0;
+  const endItem = hasResults ? Math.min(page * pageSize, totalItems) : void 0;
+  const rootClasses = [
+    "eidos-pagination",
+    `eidos-pagination--${size}`,
+    tableMode && "eidos-pagination--table",
+    className
+  ].filter(Boolean).join(" ");
+  const nav = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "nav", { "aria-label": "Pagination", className: "eidos-pagination-nav", children: [
+    showFirstLast && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLTOHGCU4cjs.Button,
+      {
+        variant: "text",
+        size,
+        icon: _lucidereact.ChevronsLeft,
+        disabled: page === 1 || disabled,
+        onClick: () => onChange(1),
+        "aria-label": "First page"
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLTOHGCU4cjs.Button,
+      {
+        variant: "text",
+        size,
+        icon: _lucidereact.ChevronLeft,
+        disabled: page === 1 || disabled,
+        onClick: () => onChange(page - 1),
+        "aria-label": "Previous page"
+      }
+    ),
+    items.map(
+      (item, i) => item === ELLIPSIS ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-pagination-ellipsis", "aria-hidden": "true", children: "\u2026" }, `ellipsis-${i}`) : item === page ? (
+        // Active page - styled as filled chip, editable via keyboard/click
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            type: "text",
+            inputMode: "numeric",
+            className: [
+              "eidos-pagination-page",
+              "eidos-pagination-page--active",
+              `eidos-pagination-page--${color}`
+            ].join(" "),
+            value: inputValue,
+            onChange: (e) => setInputValue(e.target.value),
+            onFocus: (e) => e.target.select(),
+            onBlur: () => commitInput(inputValue),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                commitInput(inputValue);
+                e.currentTarget.blur();
+              } else if (e.key === "Escape") {
+                setInputValue(String(page));
+                e.currentTarget.blur();
+              }
+            },
+            "aria-label": `Page ${page} of ${totalPages}, editable`,
+            "aria-current": "page",
+            disabled
+          },
+          "active-page"
+        )
+      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "eidos-pagination-page",
+          onClick: () => onChange(item),
+          disabled,
+          "aria-label": `Page ${item}`,
+          children: item
+        },
+        item
+      )
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLTOHGCU4cjs.Button,
+      {
+        variant: "text",
+        size,
+        icon: _lucidereact.ChevronRight,
+        disabled: page === totalPages || disabled,
+        onClick: () => onChange(page + 1),
+        "aria-label": "Next page"
+      }
+    ),
+    showFirstLast && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLTOHGCU4cjs.Button,
+      {
+        variant: "text",
+        size,
+        icon: _lucidereact.ChevronsRight,
+        disabled: page === totalPages || disabled,
+        onClick: () => onChange(totalPages),
+        "aria-label": "Last page"
+      }
+    )
+  ] });
+  if (!tableMode) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: rootClasses, children: nav });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: rootClasses, children: [
+    hasResults && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-pagination-info", children: [
+      "Showing ",
+      startItem,
+      "-",
+      endItem,
+      " of ",
+      totalItems,
+      " results"
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-pagination-controls", children: [
+      hasPageSize && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-pagination-size", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "eidos-pagination-size-label", children: "Show:" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkQGZF5MOScjs.Select,
+          {
+            value: String(pageSize),
+            onChange: (val) => onPageSizeChange(Number(val)),
+            options: pageSizeOptions.map((n) => ({
+              id: String(n),
+              value: String(n),
+              label: String(n)
+            })),
+            clearable: false,
+            disabled,
+            inputProps: { size: "sm", width: "3ch" }
+          }
+        )
+      ] }),
+      totalPages > 1 && nav
+    ] })
+  ] });
+};
+Pagination.displayName = "Pagination";
+
+
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=chunk-SAFSEXMU.cjs.map

package/dist/chunk-SAFSEXMU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-SAFSEXMU.cjs","../src/components/Pagination/Pagination.component.tsx"],"names":[],"mappings":"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","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-SAFSEXMU.cjs","sourcesContent":[null,"import React, { useState, useEffect } from 'react';\r\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\r\nimport { Button } from '../Button';\r\nimport { Select } from '../Select';\r\nimport type { PaginationProps } from './Pagination.types';\r\n\r\n// ── Ellipsis range helper ─────────────────────────────────────────────────────\r\n\r\nconst ELLIPSIS = 'ellipsis' as const;\r\ntype PageItem = number | typeof ELLIPSIS;\r\n\r\nfunction usePaginationRange(page: number, totalPages: number, siblingCount: number): PageItem[] {\r\n  const totalShown = siblingCount * 2 + 5;\r\n\r\n  if (totalPages <= totalShown) {\r\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\r\n  }\r\n\r\n  const leftSibling = Math.max(page - siblingCount, 1);\r\n  const rightSibling = Math.min(page + siblingCount, totalPages);\r\n\r\n  const showLeftEllipsis = leftSibling > 2;\r\n  const showRightEllipsis = rightSibling < totalPages - 1;\r\n\r\n  const items: PageItem[] = [1];\r\n\r\n  if (showLeftEllipsis) {\r\n    items.push(ELLIPSIS);\r\n  } else {\r\n    for (let i = 2; i < leftSibling; i++) items.push(i);\r\n  }\r\n\r\n  for (let i = leftSibling; i <= rightSibling; i++) {\r\n    if (i !== 1 && i !== totalPages) items.push(i);\r\n  }\r\n\r\n  if (showRightEllipsis) {\r\n    items.push(ELLIPSIS);\r\n  } else {\r\n    for (let i = rightSibling + 1; i < totalPages; i++) items.push(i);\r\n  }\r\n\r\n  items.push(totalPages);\r\n\r\n  return items;\r\n}\r\n\r\n// ── Component ─────────────────────────────────────────────────────────────────\r\n\r\nexport const Pagination: React.FC<PaginationProps> = ({\r\n  page,\r\n  totalPages,\r\n  onChange,\r\n  siblingCount = 1,\r\n  showFirstLast = false,\r\n  color = 'primary',\r\n  size = 'sm',\r\n  disabled = false,\r\n  className = '',\r\n  // Table-footer mode\r\n  totalItems,\r\n  pageSize,\r\n  onPageSizeChange,\r\n  pageSizeOptions = [10, 25, 50, 100],\r\n}) => {\r\n  const items = usePaginationRange(page, totalPages, siblingCount);\r\n\r\n  // ── Active-page editable input ─────────────────────────────────────────────\r\n  const [inputValue, setInputValue] = useState(String(page));\r\n  useEffect(() => {\r\n    setInputValue(String(page));\r\n  }, [page]);\r\n\r\n  const commitInput = (raw: string) => {\r\n    const val = parseInt(raw, 10);\r\n    if (!isNaN(val) && val >= 1 && val <= totalPages && val !== page) {\r\n      onChange(val);\r\n    } else {\r\n      setInputValue(String(page)); // revert on invalid or same-page\r\n    }\r\n  };\r\n\r\n  // ── Layout flags ───────────────────────────────────────────────────────────\r\n  const hasResults = totalItems !== undefined && pageSize !== undefined;\r\n  const hasPageSize = !!onPageSizeChange && pageSize !== undefined;\r\n  const tableMode = hasResults || hasPageSize;\r\n\r\n  const startItem = hasResults ? (totalItems === 0 ? 0 : (page - 1) * pageSize! + 1) : undefined;\r\n  const endItem = hasResults ? Math.min(page * pageSize!, totalItems!) : undefined;\r\n\r\n  const rootClasses = [\r\n    'eidos-pagination',\r\n    `eidos-pagination--${size}`,\r\n    tableMode && 'eidos-pagination--table',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  // ── Navigation block ───────────────────────────────────────────────────────\r\n  const nav = (\r\n    <nav aria-label=\"Pagination\" className=\"eidos-pagination-nav\">\r\n      {showFirstLast && (\r\n        <Button\r\n          variant=\"text\"\r\n          size={size}\r\n          icon={ChevronsLeft}\r\n          disabled={page === 1 || disabled}\r\n          onClick={() => onChange(1)}\r\n          aria-label=\"First page\"\r\n        />\r\n      )}\r\n\r\n      <Button\r\n        variant=\"text\"\r\n        size={size}\r\n        icon={ChevronLeft}\r\n        disabled={page === 1 || disabled}\r\n        onClick={() => onChange(page - 1)}\r\n        aria-label=\"Previous page\"\r\n      />\r\n\r\n      {items.map((item, i) =>\r\n        item === ELLIPSIS ? (\r\n          <span key={`ellipsis-${i}`} className=\"eidos-pagination-ellipsis\" aria-hidden=\"true\">\r\n            …\r\n          </span>\r\n        ) : item === page ? (\r\n          // Active page - styled as filled chip, editable via keyboard/click\r\n          <input\r\n            key=\"active-page\"\r\n            type=\"text\"\r\n            inputMode=\"numeric\"\r\n            className={[\r\n              'eidos-pagination-page',\r\n              'eidos-pagination-page--active',\r\n              `eidos-pagination-page--${color}`,\r\n            ].join(' ')}\r\n            value={inputValue}\r\n            onChange={(e) => setInputValue(e.target.value)}\r\n            onFocus={(e) => e.target.select()}\r\n            onBlur={() => commitInput(inputValue)}\r\n            onKeyDown={(e) => {\r\n              if (e.key === 'Enter') {\r\n                commitInput(inputValue);\r\n                e.currentTarget.blur();\r\n              } else if (e.key === 'Escape') {\r\n                setInputValue(String(page));\r\n                e.currentTarget.blur();\r\n              }\r\n            }}\r\n            aria-label={`Page ${page} of ${totalPages}, editable`}\r\n            aria-current=\"page\"\r\n            disabled={disabled}\r\n          />\r\n        ) : (\r\n          <button\r\n            key={item}\r\n            type=\"button\"\r\n            className=\"eidos-pagination-page\"\r\n            onClick={() => onChange(item)}\r\n            disabled={disabled}\r\n            aria-label={`Page ${item}`}\r\n          >\r\n            {item}\r\n          </button>\r\n        ),\r\n      )}\r\n\r\n      <Button\r\n        variant=\"text\"\r\n        size={size}\r\n        icon={ChevronRight}\r\n        disabled={page === totalPages || disabled}\r\n        onClick={() => onChange(page + 1)}\r\n        aria-label=\"Next page\"\r\n      />\r\n\r\n      {showFirstLast && (\r\n        <Button\r\n          variant=\"text\"\r\n          size={size}\r\n          icon={ChevronsRight}\r\n          disabled={page === totalPages || disabled}\r\n          onClick={() => onChange(totalPages)}\r\n          aria-label=\"Last page\"\r\n        />\r\n      )}\r\n    </nav>\r\n  );\r\n\r\n  // ── Standalone mode ────────────────────────────────────────────────────────\r\n  if (!tableMode) {\r\n    return <div className={rootClasses}>{nav}</div>;\r\n  }\r\n\r\n  // ── Table-footer mode ──────────────────────────────────────────────────────\r\n  return (\r\n    <div className={rootClasses}>\r\n      {hasResults && (\r\n        <span className=\"eidos-pagination-info\">\r\n          Showing {startItem}-{endItem} of {totalItems} results\r\n        </span>\r\n      )}\r\n\r\n      <div className=\"eidos-pagination-controls\">\r\n        {hasPageSize && (\r\n          <div className=\"eidos-pagination-size\">\r\n            <label className=\"eidos-pagination-size-label\">Show:</label>\r\n            <Select\r\n              value={String(pageSize)}\r\n              onChange={(val) => onPageSizeChange(Number(val))}\r\n              options={pageSizeOptions.map((n) => ({\r\n                id: String(n),\r\n                value: String(n),\r\n                label: String(n),\r\n              }))}\r\n              clearable={false}\r\n              disabled={disabled}\r\n              inputProps={{ size: 'sm', width: '3ch' }}\r\n            />\r\n          </div>\r\n        )}\r\n\r\n        {totalPages > 1 && nav}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nPagination.displayName = 'Pagination';\r\n"]}

package/dist/chunk-SJDTFR3I.cjs

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

package/dist/chunk-SJDTFR3I.cjs.map

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

package/dist/chunk-SOGUWOSQ.cjs

@@ -0,0 +1,21 @@
+"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/Header/Header.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Header = ({ title, subtitle, actions, className = "" }) => {
+  const classes = ["eidos-header", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-header__content", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-header__titles", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h1", { className: "eidos-header__title", children: title }),
+      subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-header__subtitle", children: subtitle })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-header__actions", children: _optionalChain([actions, 'optionalAccess', _ => _.map, 'call', _2 => _2((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTOHGCU4cjs.Button, { size: "md", ...action }, index))]) })
+  ] }) });
+};
+
+
+
+exports.Header = Header;
+//# sourceMappingURL=chunk-SOGUWOSQ.cjs.map

package/dist/chunk-SOGUWOSQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-SOGUWOSQ.cjs","../src/components/Header/Header.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACOQ,+CAAA;AAND,IAAM,OAAA,EAAgC,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,OAAA,EAAS,UAAA,EAAY,GAAG,CAAA,EAAA,GAAM;AAC7F,EAAA,MAAM,QAAA,EAAU,CAAC,cAAA,EAAgB,SAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAEpE,EAAA,uBACE,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,OAAA,EACd,QAAA,kBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,uBAAA,EACb,QAAA,EAAA;AAAA,oBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,sBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAU,qBAAA,EAAuB,QAAA,EAAA,MAAA,CAAM,CAAA;AAAA,MAC1C,SAAA,mBAAY,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,wBAAA,EAA0B,QAAA,EAAA,SAAA,CAAS;AAAA,IAAA,EAAA,CAClE,CAAA;AAAA,oBACA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,uBAAA,EACZ,QAAA,kBAAA,OAAA,2BAAS,GAAA,mBAAI,CAAC,MAAA,EAAQ,KAAA,EAAA,mBACrB,6BAAA,wBAAC,EAAA,EAAmB,IAAA,EAAK,IAAA,EAAM,GAAG,OAAA,CAAA,EAArB,KAA6B,CAC3C,IAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF,CAAA;AAEJ,CAAA;ADPA;AACA;AACE;AACF,wBAAC","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-SOGUWOSQ.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { HeaderProps } from './Header.types';\r\nimport './Header.scss';\r\nimport { Button } from '../Button';\r\n\r\nexport const Header: React.FC<HeaderProps> = ({ title, subtitle, actions, className = '' }) => {\r\n  const classes = ['eidos-header', className].filter(Boolean).join(' ');\r\n\r\n  return (\r\n    <div className={classes}>\r\n      <div className=\"eidos-header__content\">\r\n        <div className=\"eidos-header__titles\">\r\n          <h1 className=\"eidos-header__title\">{title}</h1>\r\n          {subtitle && <span className=\"eidos-header__subtitle\">{subtitle}</span>}\r\n        </div>\r\n        <div className=\"eidos-header__actions\">\r\n          {actions?.map((action, index) => (\r\n            <Button key={index} size=\"md\" {...action} />\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/chunk-SWPZ3HFY.cjs

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

package/dist/chunk-SWPZ3HFY.cjs.map

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