eidos-ui 0.1.0

package/dist/chunk-KF64C4QI.js

@@ -0,0 +1,138 @@
+import {
+  Button
+} from "./chunk-FO5FNTJX.js";
+
+// src/components/Drawer/Drawer.component.tsx
+import { useEffect, useCallback, useId, useState } from "react";
+import { createPortal } from "react-dom";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Drawer = ({
+  isOpen,
+  onClose,
+  placement = "right",
+  title,
+  children,
+  actions,
+  size = "md",
+  closeOnBackdropClick = true,
+  closeOnEscape = true,
+  className = ""
+}) => {
+  const titleId = useId();
+  const bodyId = useId();
+  const TRANSITION_MS = 300;
+  const [isMounted, setIsMounted] = useState(isOpen);
+  const [isVisible, setIsVisible] = useState(isOpen);
+  useEffect(() => {
+    let raf1 = 0;
+    let raf2 = 0;
+    let timerId;
+    if (isOpen) {
+      setIsMounted(true);
+      raf1 = requestAnimationFrame(() => {
+        raf2 = requestAnimationFrame(() => setIsVisible(true));
+      });
+    } else {
+      setIsVisible(false);
+      timerId = setTimeout(() => setIsMounted(false), TRANSITION_MS);
+    }
+    return () => {
+      cancelAnimationFrame(raf1);
+      cancelAnimationFrame(raf2);
+      clearTimeout(timerId);
+    };
+  }, [isOpen]);
+  const handleEscapeKey = useCallback(
+    (event) => {
+      if (closeOnEscape && event.key === "Escape" && isOpen) {
+        onClose();
+      }
+    },
+    [closeOnEscape, isOpen, onClose]
+  );
+  useEffect(() => {
+    if (isOpen) {
+      document.addEventListener("keydown", handleEscapeKey);
+      document.body.style.overflow = "hidden";
+    }
+    return () => {
+      document.removeEventListener("keydown", handleEscapeKey);
+      document.body.style.overflow = "";
+    };
+  }, [isOpen, handleEscapeKey]);
+  const handleBackdropClick = useCallback(
+    (event) => {
+      if (closeOnBackdropClick && event.target === event.currentTarget) {
+        onClose();
+      }
+    },
+    [closeOnBackdropClick, onClose]
+  );
+  if (!isMounted) return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: [
+          "eidos-drawer",
+          `eidos-drawer--${placement}`,
+          isVisible && "eidos-drawer--open",
+          className
+        ].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "eidos-drawer-backdrop", onClick: handleBackdropClick, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-labelledby": title ? titleId : void 0,
+              "aria-describedby": bodyId,
+              className: [
+                "eidos-drawer-panel",
+                `eidos-drawer-panel--${size}`,
+                `eidos-drawer-panel--${placement}`
+              ].filter(Boolean).join(" "),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eidos-drawer-header", children: [
+                  title && /* @__PURE__ */ jsx("h3", { id: titleId, className: "eidos-drawer-title", children: title }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "eidos-drawer-close",
+                      onClick: onClose,
+                      "aria-label": "Close drawer",
+                      children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { id: bodyId, className: "eidos-drawer-body", children }),
+                actions && actions.length > 0 && /* @__PURE__ */ jsx("div", { className: "eidos-drawer-footer", children: actions.map((action) => /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: action.variant ?? "outlined",
+                    color: action.color,
+                    disabled: action.disabled,
+                    loading: action.loading,
+                    onClick: action.onClick,
+                    children: action.label
+                  },
+                  action.id
+                )) })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+};
+Drawer.displayName = "Drawer";
+
+export {
+  Drawer
+};
+//# sourceMappingURL=chunk-KF64C4QI.js.map

package/dist/chunk-KF64C4QI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/Drawer.component.tsx"],"sourcesContent":["import React, { useEffect, useCallback, useId, useState } from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { X } from 'lucide-react';\r\nimport { Button } from '../Button';\r\nimport type { DrawerProps } from './Drawer.types';\r\n\r\nexport const Drawer: React.FC<DrawerProps> = ({\r\n  isOpen,\r\n  onClose,\r\n  placement = 'right',\r\n  title,\r\n  children,\r\n  actions,\r\n  size = 'md',\r\n  closeOnBackdropClick = true,\r\n  closeOnEscape = true,\r\n  className = '',\r\n}) => {\r\n  const titleId = useId();\r\n  const bodyId = useId();\r\n\r\n  // ── Animation state ────────────────────────────────────────────────────────\r\n  // isMounted: whether the portal DOM node exists at all.\r\n  // isVisible: whether the '--open' CSS class is applied (drives the transition).\r\n  //\r\n  // On open:  mount first → one rAF → apply --open (browser sees initial\r\n  //           closed position before transitioning, so the animation fires).\r\n  // On close: remove --open (CSS transition plays) → after 300 ms unmount.\r\n  //           300 ms matches the CSS `transition: 0.3s` in Drawer.scss.\r\n  const TRANSITION_MS = 300;\r\n  const [isMounted, setIsMounted] = useState(isOpen);\r\n  const [isVisible, setIsVisible] = useState(isOpen);\r\n\r\n  useEffect(() => {\r\n    let raf1 = 0;\r\n    let raf2 = 0;\r\n    let timerId: ReturnType<typeof setTimeout>;\r\n\r\n    if (isOpen) {\r\n      setIsMounted(true);\r\n      // Double rAF: React 18 automatic batching means setIsMounted(true) may\r\n      // not produce a committed browser paint before the first rAF fires.\r\n      // The second frame guarantees the panel is rendered in its off-screen\r\n      // (closed) position before the CSS transition begins.\r\n      raf1 = requestAnimationFrame(() => {\r\n        raf2 = requestAnimationFrame(() => setIsVisible(true));\r\n      });\r\n    } else {\r\n      setIsVisible(false);\r\n      timerId = setTimeout(() => setIsMounted(false), TRANSITION_MS);\r\n    }\r\n\r\n    return () => {\r\n      cancelAnimationFrame(raf1);\r\n      cancelAnimationFrame(raf2);\r\n      clearTimeout(timerId);\r\n    };\r\n  }, [isOpen]);\r\n\r\n  // ── Escape key + scroll lock (tied to isOpen, not isMounted) ───────────────\r\n  const handleEscapeKey = useCallback(\r\n    (event: KeyboardEvent) => {\r\n      if (closeOnEscape && event.key === 'Escape' && isOpen) {\r\n        onClose();\r\n      }\r\n    },\r\n    [closeOnEscape, isOpen, onClose],\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (isOpen) {\r\n      document.addEventListener('keydown', handleEscapeKey);\r\n      document.body.style.overflow = 'hidden';\r\n    }\r\n    return () => {\r\n      document.removeEventListener('keydown', handleEscapeKey);\r\n      document.body.style.overflow = '';\r\n    };\r\n  }, [isOpen, handleEscapeKey]);\r\n\r\n  // ── Backdrop click ─────────────────────────────────────────────────────────\r\n  const handleBackdropClick = useCallback(\r\n    (event: React.MouseEvent) => {\r\n      if (closeOnBackdropClick && event.target === event.currentTarget) {\r\n        onClose();\r\n      }\r\n    },\r\n    [closeOnBackdropClick, onClose],\r\n  );\r\n\r\n  if (!isMounted) return null;\r\n\r\n  return createPortal(\r\n    <div\r\n      className={[\r\n        'eidos-drawer',\r\n        `eidos-drawer--${placement}`,\r\n        isVisible && 'eidos-drawer--open',\r\n        className,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(' ')}\r\n    >\r\n      {/* Backdrop */}\r\n      <div className=\"eidos-drawer-backdrop\" onClick={handleBackdropClick} aria-hidden=\"true\" />\r\n\r\n      {/* Panel */}\r\n      <div\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby={title ? titleId : undefined}\r\n        aria-describedby={bodyId}\r\n        className={[\r\n          'eidos-drawer-panel',\r\n          `eidos-drawer-panel--${size}`,\r\n          `eidos-drawer-panel--${placement}`,\r\n        ]\r\n          .filter(Boolean)\r\n          .join(' ')}\r\n      >\r\n        {/* Header */}\r\n        <div className=\"eidos-drawer-header\">\r\n          {title && (\r\n            <h3 id={titleId} className=\"eidos-drawer-title\">\r\n              {title}\r\n            </h3>\r\n          )}\r\n          <button\r\n            type=\"button\"\r\n            className=\"eidos-drawer-close\"\r\n            onClick={onClose}\r\n            aria-label=\"Close drawer\"\r\n          >\r\n            <X aria-hidden=\"true\" />\r\n          </button>\r\n        </div>\r\n\r\n        {/* Body */}\r\n        <div id={bodyId} className=\"eidos-drawer-body\">\r\n          {children}\r\n        </div>\r\n\r\n        {/* Footer - only rendered when actions are provided */}\r\n        {actions && actions.length > 0 && (\r\n          <div className=\"eidos-drawer-footer\">\r\n            {actions.map((action) => (\r\n              <Button\r\n                key={action.id}\r\n                variant={action.variant ?? 'outlined'}\r\n                color={action.color}\r\n                disabled={action.disabled}\r\n                loading={action.loading}\r\n                onClick={action.onClick}\r\n              >\r\n                {action.label}\r\n              </Button>\r\n            ))}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>,\r\n    document.body,\r\n  );\r\n};\r\n\r\nDrawer.displayName = 'Drawer';\r\n"],"mappings":"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","names":[]}

package/dist/chunk-KGXGTWUL.js

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

package/dist/chunk-KGXGTWUL.js.map

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

package/dist/chunk-KKOZX64Z.js

@@ -0,0 +1,34 @@
+// src/components/Timeline/Timeline.component.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Timeline = ({ items, className = "" }) => /* @__PURE__ */ jsx("ol", { className: ["eidos-timeline", className].filter(Boolean).join(" "), "aria-label": "Timeline", children: items.map((item, index) => {
+  const isLast = index === items.length - 1;
+  const color = item.color ?? "default";
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: [
+        "eidos-timeline-item",
+        `eidos-timeline-item--${color}`,
+        !isLast && "eidos-timeline-item--has-connector"
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "eidos-timeline-track", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx("div", { className: "eidos-timeline-dot", children: item.icon && /* @__PURE__ */ jsx("span", { className: "eidos-timeline-dot-icon", children: item.icon }) }),
+          !isLast && /* @__PURE__ */ jsx("div", { className: "eidos-timeline-connector" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "eidos-timeline-content", children: [
+          item.timestamp && /* @__PURE__ */ jsx("span", { className: "eidos-timeline-timestamp", children: item.timestamp }),
+          /* @__PURE__ */ jsx("span", { className: "eidos-timeline-title", children: item.title }),
+          item.description && /* @__PURE__ */ jsx("p", { className: "eidos-timeline-description", children: item.description })
+        ] })
+      ]
+    },
+    item.id
+  );
+}) });
+Timeline.displayName = "Timeline";
+
+export {
+  Timeline
+};
+//# sourceMappingURL=chunk-KKOZX64Z.js.map

package/dist/chunk-KKOZX64Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Timeline/Timeline.component.tsx"],"sourcesContent":["import React from 'react';\r\nimport type { TimelineProps } from './Timeline.types';\r\n\r\nexport const Timeline: React.FC<TimelineProps> = ({ items, className = '' }) => (\r\n  <ol className={['eidos-timeline', className].filter(Boolean).join(' ')} aria-label=\"Timeline\">\r\n    {items.map((item, index) => {\r\n      const isLast = index === items.length - 1;\r\n      const color = item.color ?? 'default';\r\n\r\n      return (\r\n        <li\r\n          key={item.id}\r\n          className={[\r\n            'eidos-timeline-item',\r\n            `eidos-timeline-item--${color}`,\r\n            !isLast && 'eidos-timeline-item--has-connector',\r\n          ]\r\n            .filter(Boolean)\r\n            .join(' ')}\r\n        >\r\n          {/* Left: dot + connector */}\r\n          <div className=\"eidos-timeline-track\" aria-hidden=\"true\">\r\n            <div className=\"eidos-timeline-dot\">\r\n              {item.icon && <span className=\"eidos-timeline-dot-icon\">{item.icon}</span>}\r\n            </div>\r\n            {!isLast && <div className=\"eidos-timeline-connector\" />}\r\n          </div>\r\n\r\n          {/* Right: content */}\r\n          <div className=\"eidos-timeline-content\">\r\n            {item.timestamp && <span className=\"eidos-timeline-timestamp\">{item.timestamp}</span>}\r\n            <span className=\"eidos-timeline-title\">{item.title}</span>\r\n            {item.description && <p className=\"eidos-timeline-description\">{item.description}</p>}\r\n          </div>\r\n        </li>\r\n      );\r\n    })}\r\n  </ol>\r\n);\r\n\r\nTimeline.displayName = 'Timeline';\r\n"],"mappings":";AAqBU,SAEkB,KAFlB;AAlBH,IAAM,WAAoC,CAAC,EAAE,OAAO,YAAY,GAAG,MACxE,oBAAC,QAAG,WAAW,CAAC,kBAAkB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAG,cAAW,YAChF,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,QAAM,SAAS,UAAU,MAAM,SAAS;AACxC,QAAM,QAAQ,KAAK,SAAS;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,WAAW;AAAA,QACT;AAAA,QACA,wBAAwB,KAAK;AAAA,QAC7B,CAAC,UAAU;AAAA,MACb,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAGX;AAAA,6BAAC,SAAI,WAAU,wBAAuB,eAAY,QAChD;AAAA,8BAAC,SAAI,WAAU,sBACZ,eAAK,QAAQ,oBAAC,UAAK,WAAU,2BAA2B,eAAK,MAAK,GACrE;AAAA,UACC,CAAC,UAAU,oBAAC,SAAI,WAAU,4BAA2B;AAAA,WACxD;AAAA,QAGA,qBAAC,SAAI,WAAU,0BACZ;AAAA,eAAK,aAAa,oBAAC,UAAK,WAAU,4BAA4B,eAAK,WAAU;AAAA,UAC9E,oBAAC,UAAK,WAAU,wBAAwB,eAAK,OAAM;AAAA,UAClD,KAAK,eAAe,oBAAC,OAAE,WAAU,8BAA8B,eAAK,aAAY;AAAA,WACnF;AAAA;AAAA;AAAA,IAtBK,KAAK;AAAA,EAuBZ;AAEJ,CAAC,GACH;AAGF,SAAS,cAAc;","names":[]}

package/dist/chunk-KO2MKZDW.cjs

@@ -0,0 +1,69 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Switch/Switch.component.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var Switch = _react.forwardRef.call(void 0, 
+  ({
+    label,
+    labelPosition = "right",
+    color = "primary",
+    size = "md",
+    disabled = false,
+    className = "",
+    checked,
+    defaultChecked,
+    onChange,
+    id,
+    ...inputProps
+  }, ref) => {
+    const generatedId = _react.useId.call(void 0, );
+    const switchId = id || `switch-${generatedId}`;
+    const isControlled = checked !== void 0;
+    const [localChecked, setLocalChecked] = _react.useState.call(void 0, _nullishCoalesce(defaultChecked, () => ( false)));
+    const isChecked = isControlled ? checked : localChecked;
+    const handleChange = (e) => {
+      if (!isControlled) {
+        setLocalChecked(e.target.checked);
+      }
+      _optionalChain([onChange, 'optionalCall', _ => _(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__ */ _jsxruntime.jsxs.call(void 0, "label", { className: wrapperClasses, htmlFor: switchId, children: [
+      labelPosition === "left" && label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-switch-label", children: label }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          ref,
+          type: "checkbox",
+          role: "switch",
+          id: switchId,
+          className: "eidos-switch-input",
+          disabled,
+          ...inputProps,
+          checked: isChecked,
+          onChange: handleChange
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: trackClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-switch-thumb" }) }),
+      labelPosition !== "left" && label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-switch-label", children: label })
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+
+
+exports.Switch = Switch;
+//# sourceMappingURL=chunk-KO2MKZDW.cjs.map

package/dist/chunk-KO2MKZDW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-KO2MKZDW.cjs","../src/components/Switch/Switch.component.tsx"],"names":[],"mappings":"AAAA;ACAA,8BAAmD;AAyD7C,+CAAA;AAtDC,IAAM,OAAA,EAAS,+BAAA;AAAA,EACpB,CACE;AAAA,IACE,KAAA;AAAA,IACA,cAAA,EAAgB,OAAA;AAAA,IAChB,MAAA,EAAQ,SAAA;AAAA,IACR,KAAA,EAAO,IAAA;AAAA,IACP,SAAA,EAAW,KAAA;AAAA,IACX,UAAA,EAAY,EAAA;AAAA,IACZ,OAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,EAAA;AAAA,IACA,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,IAAA,MAAM,SAAA,EAAW,GAAA,GAAM,CAAA,OAAA,EAAU,WAAW,CAAA,CAAA;AAGX,IAAA;AACO,IAAA;AAEG,IAAA;AAEsB,IAAA;AAC5C,MAAA;AACe,QAAA;AAClC,MAAA;AACY,sBAAA;AACd,IAAA;AAEuB,IAAA;AACrB,MAAA;AAC8B,MAAA;AACD,MAAA;AACE,MAAA;AACnB,MAAA;AACC,MAAA;AACb,MAAA;AAGS,IAAA;AAEU,IAAA;AACnB,MAAA;AACa,MAAA;AACD,MAAA;AAGH,IAAA;AAGF,IAAA;AACiC,MAAA;AAWtC,sBAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACK,UAAA;AACA,UAAA;AACD,UAAA;AACM,UAAA;AACV,UAAA;AACI,UAAA;AACK,UAAA;AACC,UAAA;AAAA,QAAA;AACZ,MAAA;AAEiB,sBAAA;AAIqB,MAAA;AACxC,IAAA;AAEJ,EAAA;AACF;AAEqB;AD3B4B;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-KO2MKZDW.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-KQKJVFYF.js

@@ -0,0 +1,259 @@
+// src/components/Popover/Popover.component.tsx
+import { useState, useRef, useCallback, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { X } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Popover = ({
+  trigger,
+  children,
+  title,
+  placement: preferredPlacement = "bottom",
+  showCloseButton = false,
+  closeOnClickOutside = true,
+  closeOnEscape = true,
+  disabled = false,
+  isOpen,
+  defaultOpen,
+  onOpenChange,
+  maxWidth = 320,
+  className,
+  contentClassName
+}) => {
+  const isControlled = isOpen !== void 0;
+  const [localOpen, setLocalOpen] = useState(defaultOpen ?? false);
+  const isVisible = isControlled ? isOpen : localOpen;
+  const [popoverState, setPopoverState] = useState({
+    isVisible: false,
+    isPositioned: false,
+    position: { top: 0, left: 0, placement: preferredPlacement }
+  });
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const timeoutRef = useRef(void 0);
+  const animationFrameRef = useRef(void 0);
+  const isScrollingRef = useRef(false);
+  const open = useCallback(() => {
+    if (disabled) return;
+    if (!isControlled) setLocalOpen(true);
+    onOpenChange?.(true);
+  }, [disabled, isControlled, onOpenChange]);
+  const close = useCallback(() => {
+    if (!isControlled) setLocalOpen(false);
+    onOpenChange?.(false);
+  }, [isControlled, onOpenChange]);
+  const toggle = useCallback(() => {
+    if (isVisible) {
+      close();
+    } else {
+      open();
+    }
+  }, [isVisible, open, close]);
+  const calculateOptimalPosition = useCallback(
+    (triggerRect, contentRect) => {
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      const gap = 8;
+      let placement = preferredPlacement;
+      let top = 0;
+      let left = 0;
+      switch (preferredPlacement) {
+        case "top":
+          top = triggerRect.top - contentRect.height - gap;
+          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;
+          break;
+        case "bottom":
+          top = triggerRect.bottom + gap;
+          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;
+          break;
+        case "left":
+          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;
+          left = triggerRect.left - contentRect.width - gap;
+          break;
+        case "right":
+          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;
+          left = triggerRect.right + gap;
+          break;
+      }
+      if (placement === "top" && top < gap) {
+        placement = "bottom";
+        top = triggerRect.bottom + gap;
+        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;
+      } else if (placement === "bottom" && top + contentRect.height > viewportHeight - gap) {
+        placement = "top";
+        top = triggerRect.top - contentRect.height - gap;
+        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;
+      } else if (placement === "left" && left < gap) {
+        placement = "right";
+        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;
+        left = triggerRect.right + gap;
+      } else if (placement === "right" && left + contentRect.width > viewportWidth - gap) {
+        placement = "left";
+        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;
+        left = triggerRect.left - contentRect.width - gap;
+      }
+      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));
+      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));
+      return { top, left, placement };
+    },
+    [preferredPlacement]
+  );
+  useEffect(() => {
+    if (isVisible) {
+      setPopoverState((prev) => ({ ...prev, isVisible: true, isPositioned: false }));
+    } else {
+      setPopoverState((prev) => ({ ...prev, isVisible: false, isPositioned: false }));
+    }
+  }, [isVisible]);
+  useEffect(() => {
+    if (popoverState.isVisible && !popoverState.isPositioned && contentRef.current && triggerRef.current) {
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const contentRect = contentRef.current.getBoundingClientRect();
+      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);
+      setPopoverState((prev) => ({
+        ...prev,
+        position: { top, left, placement },
+        isPositioned: true
+      }));
+    }
+  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);
+  const handleScroll = useCallback(() => {
+    if (!popoverState.isVisible || !popoverState.isPositioned || isScrollingRef.current) return;
+    isScrollingRef.current = true;
+    animationFrameRef.current = requestAnimationFrame(() => {
+      if (triggerRef.current && contentRef.current) {
+        const triggerRect = triggerRef.current.getBoundingClientRect();
+        const contentRect = contentRef.current.getBoundingClientRect();
+        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);
+        setPopoverState((prev) => ({
+          ...prev,
+          position: { top, left, placement }
+        }));
+      }
+      isScrollingRef.current = false;
+    });
+  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);
+  useEffect(() => {
+    const handleResize = () => {
+      if (popoverState.isVisible && popoverState.isPositioned && contentRef.current && triggerRef.current) {
+        const triggerRect = triggerRef.current.getBoundingClientRect();
+        const contentRect = contentRef.current.getBoundingClientRect();
+        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);
+        setPopoverState((prev) => ({
+          ...prev,
+          position: { top, left, placement }
+        }));
+      }
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);
+  useEffect(() => {
+    if (popoverState.isVisible) {
+      window.addEventListener("scroll", handleScroll, { passive: true });
+      document.body.addEventListener("scroll", handleScroll, { passive: true });
+    }
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+      document.body.removeEventListener("scroll", handleScroll);
+    };
+  }, [popoverState.isVisible, handleScroll]);
+  const handleClickOutside = useCallback(
+    (event) => {
+      if (!closeOnClickOutside || !popoverState.isVisible) return;
+      const target = event.target;
+      if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) {
+        return;
+      }
+      close();
+    },
+    [closeOnClickOutside, popoverState.isVisible, close]
+  );
+  const handleEscapeKey = useCallback(
+    (event) => {
+      if (closeOnEscape && event.key === "Escape" && popoverState.isVisible) {
+        close();
+      }
+    },
+    [closeOnEscape, popoverState.isVisible, close]
+  );
+  useEffect(() => {
+    if (popoverState.isVisible) {
+      document.addEventListener("mousedown", handleClickOutside);
+      document.addEventListener("keydown", handleEscapeKey);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscapeKey);
+    };
+  }, [popoverState.isVisible, handleClickOutside, handleEscapeKey]);
+  useEffect(() => {
+    const timeoutId = timeoutRef.current;
+    const animationFrameId = animationFrameRef.current;
+    return () => {
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+      if (animationFrameId) {
+        cancelAnimationFrame(animationFrameId);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: triggerRef,
+        className: ["eidos-popover-trigger", className].filter(Boolean).join(" "),
+        onClick: toggle,
+        "aria-expanded": popoverState.isVisible,
+        "aria-haspopup": "dialog",
+        children: trigger
+      }
+    ),
+    popoverState.isVisible && createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: contentRef,
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-label": title ?? "Popover",
+          className: [
+            "eidos-popover-content",
+            `eidos-popover-content--${popoverState.position.placement}`,
+            popoverState.isPositioned ? "eidos-popover-content--visible" : "",
+            contentClassName
+          ].filter(Boolean).join(" "),
+          style: {
+            top: popoverState.position.top,
+            left: popoverState.position.left,
+            maxWidth
+          },
+          children: [
+            (title || showCloseButton) && /* @__PURE__ */ jsxs("div", { className: "eidos-popover-header", children: [
+              title && /* @__PURE__ */ jsx("span", { className: "eidos-popover-title", children: title }),
+              showCloseButton && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "eidos-popover-close",
+                  onClick: close,
+                  "aria-label": "Close popover",
+                  children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "eidos-popover-body", children })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+};
+Popover.displayName = "Popover";
+
+export {
+  Popover
+};
+//# sourceMappingURL=chunk-KQKJVFYF.js.map

package/dist/chunk-KQKJVFYF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Popover/Popover.component.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { X } from 'lucide-react';\r\nimport type { PopoverProps, PopoverState, PopoverPlacement } from './Popover.types';\r\n\r\nexport const Popover: React.FC<PopoverProps> = ({\r\n  trigger,\r\n  children,\r\n  title,\r\n  placement: preferredPlacement = 'bottom',\r\n  showCloseButton = false,\r\n  closeOnClickOutside = true,\r\n  closeOnEscape = true,\r\n  disabled = false,\r\n  isOpen,\r\n  defaultOpen,\r\n  onOpenChange,\r\n  maxWidth = 320,\r\n  className,\r\n  contentClassName,\r\n}) => {\r\n  // ── Controlled / uncontrolled bridge ──────────────────────────────────────\r\n  const isControlled = isOpen !== undefined;\r\n  const [localOpen, setLocalOpen] = useState(defaultOpen ?? false);\r\n  const isVisible = isControlled ? isOpen! : localOpen;\r\n\r\n  // ── Positioning state ─────────────────────────────────────────────────────\r\n  const [popoverState, setPopoverState] = useState<PopoverState>({\r\n    isVisible: false,\r\n    isPositioned: false,\r\n    position: { top: 0, left: 0, placement: preferredPlacement },\r\n  });\r\n\r\n  // ── Refs ──────────────────────────────────────────────────────────────────\r\n  const triggerRef = useRef<HTMLDivElement>(null);\r\n  const contentRef = useRef<HTMLDivElement>(null);\r\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\r\n  const animationFrameRef = useRef<number | undefined>(undefined);\r\n  const isScrollingRef = useRef(false);\r\n\r\n  // ── Open / close helpers ──────────────────────────────────────────────────\r\n  const open = useCallback(() => {\r\n    if (disabled) return;\r\n    if (!isControlled) setLocalOpen(true);\r\n    onOpenChange?.(true);\r\n  }, [disabled, isControlled, onOpenChange]);\r\n\r\n  const close = useCallback(() => {\r\n    if (!isControlled) setLocalOpen(false);\r\n    onOpenChange?.(false);\r\n  }, [isControlled, onOpenChange]);\r\n\r\n  const toggle = useCallback(() => {\r\n    if (isVisible) {\r\n      close();\r\n    } else {\r\n      open();\r\n    }\r\n  }, [isVisible, open, close]);\r\n\r\n  // ── Positioning calculation ───────────────────────────────────────────────\r\n  const calculateOptimalPosition = useCallback(\r\n    (triggerRect: DOMRect, contentRect: DOMRect) => {\r\n      const viewportWidth = window.innerWidth;\r\n      const viewportHeight = window.innerHeight;\r\n      const gap = 8;\r\n\r\n      let placement: PopoverPlacement = preferredPlacement;\r\n      let top = 0;\r\n      let left = 0;\r\n\r\n      switch (preferredPlacement) {\r\n        case 'top':\r\n          top = triggerRect.top - contentRect.height - gap;\r\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\r\n          break;\r\n        case 'bottom':\r\n          top = triggerRect.bottom + gap;\r\n          left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\r\n          break;\r\n        case 'left':\r\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\r\n          left = triggerRect.left - contentRect.width - gap;\r\n          break;\r\n        case 'right':\r\n          top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\r\n          left = triggerRect.right + gap;\r\n          break;\r\n      }\r\n\r\n      // Flip if it doesn't fit in the preferred direction\r\n      if (placement === 'top' && top < gap) {\r\n        placement = 'bottom';\r\n        top = triggerRect.bottom + gap;\r\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\r\n      } else if (placement === 'bottom' && top + contentRect.height > viewportHeight - gap) {\r\n        placement = 'top';\r\n        top = triggerRect.top - contentRect.height - gap;\r\n        left = triggerRect.left + triggerRect.width / 2 - contentRect.width / 2;\r\n      } else if (placement === 'left' && left < gap) {\r\n        placement = 'right';\r\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\r\n        left = triggerRect.right + gap;\r\n      } else if (placement === 'right' && left + contentRect.width > viewportWidth - gap) {\r\n        placement = 'left';\r\n        top = triggerRect.top + triggerRect.height / 2 - contentRect.height / 2;\r\n        left = triggerRect.left - contentRect.width - gap;\r\n      }\r\n\r\n      // Clamp to viewport\r\n      top = Math.max(gap, Math.min(top, viewportHeight - contentRect.height - gap));\r\n      left = Math.max(gap, Math.min(left, viewportWidth - contentRect.width - gap));\r\n\r\n      return { top, left, placement };\r\n    },\r\n    [preferredPlacement],\r\n  );\r\n\r\n  // ── Sync isVisible → popoverState ─────────────────────────────────────────\r\n  useEffect(() => {\r\n    if (isVisible) {\r\n      setPopoverState((prev) => ({ ...prev, isVisible: true, isPositioned: false }));\r\n    } else {\r\n      setPopoverState((prev) => ({ ...prev, isVisible: false, isPositioned: false }));\r\n    }\r\n  }, [isVisible]);\r\n\r\n  // ── Two-pass positioning (Pass 2: measure then commit) ────────────────────\r\n  useEffect(() => {\r\n    if (\r\n      popoverState.isVisible &&\r\n      !popoverState.isPositioned &&\r\n      contentRef.current &&\r\n      triggerRef.current\r\n    ) {\r\n      const triggerRect = triggerRef.current.getBoundingClientRect();\r\n      const contentRect = contentRef.current.getBoundingClientRect();\r\n\r\n      const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\r\n\r\n      setPopoverState((prev) => ({\r\n        ...prev,\r\n        position: { top, left, placement },\r\n        isPositioned: true,\r\n      }));\r\n    }\r\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\r\n\r\n  // ── Scroll repositioning ─────────────────────────────────────────────────\r\n  const handleScroll = useCallback(() => {\r\n    if (!popoverState.isVisible || !popoverState.isPositioned || isScrollingRef.current) return;\r\n\r\n    isScrollingRef.current = true;\r\n\r\n    animationFrameRef.current = requestAnimationFrame(() => {\r\n      if (triggerRef.current && contentRef.current) {\r\n        const triggerRect = triggerRef.current.getBoundingClientRect();\r\n        const contentRect = contentRef.current.getBoundingClientRect();\r\n\r\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\r\n\r\n        setPopoverState((prev) => ({\r\n          ...prev,\r\n          position: { top, left, placement },\r\n        }));\r\n      }\r\n\r\n      isScrollingRef.current = false;\r\n    });\r\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\r\n\r\n  // ── Resize repositioning ──────────────────────────────────────────────────\r\n  useEffect(() => {\r\n    const handleResize = () => {\r\n      if (\r\n        popoverState.isVisible &&\r\n        popoverState.isPositioned &&\r\n        contentRef.current &&\r\n        triggerRef.current\r\n      ) {\r\n        const triggerRect = triggerRef.current.getBoundingClientRect();\r\n        const contentRect = contentRef.current.getBoundingClientRect();\r\n\r\n        const { top, left, placement } = calculateOptimalPosition(triggerRect, contentRect);\r\n\r\n        setPopoverState((prev) => ({\r\n          ...prev,\r\n          position: { top, left, placement },\r\n        }));\r\n      }\r\n    };\r\n\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, [popoverState.isVisible, popoverState.isPositioned, calculateOptimalPosition]);\r\n\r\n  // ── Scroll listener registration ─────────────────────────────────────────\r\n  useEffect(() => {\r\n    if (popoverState.isVisible) {\r\n      window.addEventListener('scroll', handleScroll, { passive: true });\r\n      document.body.addEventListener('scroll', handleScroll, { passive: true });\r\n    }\r\n\r\n    return () => {\r\n      window.removeEventListener('scroll', handleScroll);\r\n      document.body.removeEventListener('scroll', handleScroll);\r\n    };\r\n  }, [popoverState.isVisible, handleScroll]);\r\n\r\n  // ── Click-outside handler ─────────────────────────────────────────────────\r\n  const handleClickOutside = useCallback(\r\n    (event: MouseEvent) => {\r\n      if (!closeOnClickOutside || !popoverState.isVisible) return;\r\n\r\n      const target = event.target as Node;\r\n\r\n      if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) {\r\n        return;\r\n      }\r\n\r\n      close();\r\n    },\r\n    [closeOnClickOutside, popoverState.isVisible, close],\r\n  );\r\n\r\n  // ── Escape key handler ────────────────────────────────────────────────────\r\n  const handleEscapeKey = useCallback(\r\n    (event: KeyboardEvent) => {\r\n      if (closeOnEscape && event.key === 'Escape' && popoverState.isVisible) {\r\n        close();\r\n      }\r\n    },\r\n    [closeOnEscape, popoverState.isVisible, close],\r\n  );\r\n\r\n  // ── Register global event listeners ──────────────────────────────────────\r\n  useEffect(() => {\r\n    if (popoverState.isVisible) {\r\n      document.addEventListener('mousedown', handleClickOutside);\r\n      document.addEventListener('keydown', handleEscapeKey);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener('mousedown', handleClickOutside);\r\n      document.removeEventListener('keydown', handleEscapeKey);\r\n    };\r\n  }, [popoverState.isVisible, handleClickOutside, handleEscapeKey]);\r\n\r\n  // ── Cleanup on unmount ────────────────────────────────────────────────────\r\n  useEffect(() => {\r\n    const timeoutId = timeoutRef.current;\r\n    const animationFrameId = animationFrameRef.current;\r\n    return () => {\r\n      if (timeoutId) {\r\n        clearTimeout(timeoutId);\r\n      }\r\n      if (animationFrameId) {\r\n        cancelAnimationFrame(animationFrameId);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  // ── Render ────────────────────────────────────────────────────────────────\r\n  return (\r\n    <>\r\n      {/* Trigger wrapper */}\r\n      <div\r\n        ref={triggerRef}\r\n        className={['eidos-popover-trigger', className].filter(Boolean).join(' ')}\r\n        onClick={toggle}\r\n        aria-expanded={popoverState.isVisible}\r\n        aria-haspopup=\"dialog\"\r\n      >\r\n        {trigger}\r\n      </div>\r\n\r\n      {/* Portal: floating panel */}\r\n      {popoverState.isVisible &&\r\n        createPortal(\r\n          <div\r\n            ref={contentRef}\r\n            role=\"dialog\"\r\n            aria-modal=\"false\"\r\n            aria-label={title ?? 'Popover'}\r\n            className={[\r\n              'eidos-popover-content',\r\n              `eidos-popover-content--${popoverState.position.placement}`,\r\n              popoverState.isPositioned ? 'eidos-popover-content--visible' : '',\r\n              contentClassName,\r\n            ]\r\n              .filter(Boolean)\r\n              .join(' ')}\r\n            style={{\r\n              top: popoverState.position.top,\r\n              left: popoverState.position.left,\r\n              maxWidth: maxWidth,\r\n            }}\r\n          >\r\n            {(title || showCloseButton) && (\r\n              <div className=\"eidos-popover-header\">\r\n                {title && <span className=\"eidos-popover-title\">{title}</span>}\r\n                {showCloseButton && (\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"eidos-popover-close\"\r\n                    onClick={close}\r\n                    aria-label=\"Close popover\"\r\n                  >\r\n                    <X aria-hidden=\"true\" />\r\n                  </button>\r\n                )}\r\n              </div>\r\n            )}\r\n            <div className=\"eidos-popover-body\">{children}</div>\r\n          </div>,\r\n          document.body,\r\n        )}\r\n    </>\r\n  );\r\n};\r\n\r\nPopover.displayName = 'Popover';\r\n"],"mappings":"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","names":[]}