eidos-ui 0.1.0

package/dist/chunk-FNUOTM44.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-FNUOTM44.cjs","../src/components/Snackbar/Snackbar.context.tsx","../src/components/Snackbar/SnackbarContainer.component.tsx","../src/components/Snackbar/Snackbar.component.tsx","../src/components/Snackbar/Snackbar.hooks.ts"],"names":["jsx","useCallback"],"mappings":"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","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-FNUOTM44.cjs","sourcesContent":[null,"import React, { createContext, useContext, useState, useCallback, useRef } from 'react';\r\nimport type { SnackbarContextValue, SnackbarItem, SnackbarProps } from './Snackbar.types';\r\n\r\nconst SnackbarContext = createContext<SnackbarContextValue | undefined>(undefined);\r\n\r\nexport const useSnackbarContext = (): SnackbarContextValue => {\r\n  const context = useContext(SnackbarContext);\r\n  if (!context) {\r\n    throw new Error('useSnackbarContext must be used within a SnackbarProvider');\r\n  }\r\n  return context;\r\n};\r\n\r\ninterface SnackbarProviderProps {\r\n  children: React.ReactNode;\r\n}\r\n\r\nexport const SnackbarProvider: React.FC<SnackbarProviderProps> = ({ children }) => {\r\n  const [snackbars, setSnackbars] = useState<SnackbarItem[]>([]);\r\n  // Mirror state in a ref so removeSnackbar can read current items synchronously\r\n  // without placing side-effects inside a setState updater (which StrictMode calls twice).\r\n  const snackbarsRef = useRef<SnackbarItem[]>([]);\r\n  snackbarsRef.current = snackbars;\r\n\r\n  const generateId = useCallback((): string => {\r\n    return `snackbar-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\r\n  }, []);\r\n\r\n  const removeSnackbar = useCallback((id: string): void => {\r\n    // Read from ref - safe to call outside a setState updater.\r\n    // Calling side-effects inside a setState updater is wrong: React StrictMode\r\n    // deliberately invokes updaters twice, which would fire onClose 2× from here\r\n    // plus 1× from SnackbarComponent.handleClose = 3× total.\r\n    const snackbar = snackbarsRef.current.find((item) => item.id === id);\r\n    if (snackbar?.onClose) {\r\n      snackbar.onClose(id);\r\n    }\r\n\r\n    // Transition to exiting state, then remove after the CSS animation (300ms).\r\n    setSnackbars((prev) =>\r\n      prev.map((item) => (item.id === id ? { ...item, state: 'exiting' } : item)),\r\n    );\r\n\r\n    setTimeout(() => {\r\n      setSnackbars((prev) => prev.filter((item) => item.id !== id));\r\n    }, 300);\r\n  }, []);\r\n\r\n  const addSnackbar = useCallback(\r\n    (snackbar: Omit<SnackbarProps, 'id'>): string => {\r\n      const id = generateId();\r\n      const newSnackbar: SnackbarItem = {\r\n        ...snackbar,\r\n        id,\r\n        state: 'entering',\r\n        createdAt: Date.now(),\r\n      };\r\n\r\n      setSnackbars((prev) => [newSnackbar, ...prev]); // Add to beginning (newest on top)\r\n\r\n      // Use requestAnimationFrame to ensure DOM is rendered before animation\r\n      requestAnimationFrame(() => {\r\n        requestAnimationFrame(() => {\r\n          setSnackbars((prev) =>\r\n            prev.map((item) => (item.id === id ? { ...item, state: 'entered' } : item)),\r\n          );\r\n        });\r\n      });\r\n\r\n      // Auto-close if duration is set\r\n      if (snackbar.duration && snackbar.duration > 0) {\r\n        setTimeout(() => {\r\n          removeSnackbar(id);\r\n        }, snackbar.duration);\r\n      }\r\n\r\n      return id;\r\n    },\r\n    [generateId, removeSnackbar],\r\n  );\r\n\r\n  const clearAllSnackbars = useCallback((): void => {\r\n    // Transition all to exiting state\r\n    setSnackbars((prev) => prev.map((item) => ({ ...item, state: 'exiting' })));\r\n\r\n    // Remove all after animation completes (300ms to match CSS animation)\r\n    setTimeout(() => {\r\n      setSnackbars([]);\r\n    }, 300);\r\n  }, []);\r\n\r\n  const contextValue: SnackbarContextValue = {\r\n    snackbars,\r\n    addSnackbar,\r\n    removeSnackbar,\r\n    clearAllSnackbars,\r\n  };\r\n\r\n  return <SnackbarContext.Provider value={contextValue}>{children}</SnackbarContext.Provider>;\r\n};\r\n\r\nSnackbarProvider.displayName = 'SnackbarProvider';\r\n","import React from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport { useSnackbarContext } from './Snackbar.context';\r\nimport { SnackbarComponent } from './Snackbar.component';\r\n\r\nexport const SnackbarContainer: React.FC = () => {\r\n  const { snackbars, removeSnackbar } = useSnackbarContext();\r\n\r\n  if (snackbars.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return createPortal(\r\n    <div className={'eidos-snackbar-container'}>\r\n      {snackbars.map((snackbar) => (\r\n        <div key={snackbar.id} className={'eidos-snackbar-wrapper'}>\r\n          <SnackbarComponent snackbar={snackbar} onClose={removeSnackbar} />\r\n        </div>\r\n      ))}\r\n    </div>,\r\n    document.body,\r\n  );\r\n};\r\n\r\nSnackbarContainer.displayName = 'SnackbarContainer';\r\n","import React from 'react';\r\nimport { X } from 'lucide-react';\r\nimport { Button } from '../Button/Button.component';\r\nimport type { SnackbarItem } from './Snackbar.types';\r\n\r\ninterface SnackbarComponentProps {\r\n  snackbar: SnackbarItem;\r\n  onClose: (id: string) => void;\r\n}\r\n\r\nexport const SnackbarComponent: React.FC<SnackbarComponentProps> = ({ snackbar, onClose }) => {\r\n  const {\r\n    id,\r\n    variant = 'info',\r\n    message,\r\n    component: Component,\r\n    componentProps,\r\n    action,\r\n    state,\r\n  } = snackbar;\r\n\r\n  const handleClose = () => {\r\n    // onClose callback is fired by removeSnackbar (context) to cover both\r\n    // manual and auto-close paths without duplication.\r\n    onClose(id);\r\n  };\r\n\r\n  const handleActionClick = () => {\r\n    if (action?.onClick) {\r\n      action.onClick();\r\n    }\r\n  };\r\n\r\n  // Render content based on type\r\n  const renderContent = () => {\r\n    if (message) {\r\n      return <span className={'eidos-snackbar-message'}>{message}</span>;\r\n    }\r\n    if (Component) {\r\n      return <Component {...(componentProps || {})} />;\r\n    }\r\n    return null;\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={`eidos-snackbar eidos-snackbar--${variant} eidos-snackbar--${state} ${snackbar.className || ''}`}\r\n      role=\"alert\"\r\n      aria-live=\"polite\"\r\n    >\r\n      <div className={'eidos-snackbar-content'}>{renderContent()}</div>\r\n\r\n      {action && (\r\n        <div className={'eidos-snackbar-actions'}>\r\n          <Button\r\n            variant={action.variant === 'primary' ? 'filled' : 'text'}\r\n            size=\"sm\"\r\n            onClick={handleActionClick}\r\n            className={'eidos-snackbar-action-button'}\r\n          >\r\n            {action.label}\r\n          </Button>\r\n        </div>\r\n      )}\r\n\r\n      <button\r\n        className={'eidos-snackbar-close-button'}\r\n        onClick={handleClose}\r\n        aria-label=\"Close notification\"\r\n        type=\"button\"\r\n      >\r\n        <X className={'eidos-snackbar-close-icon'} />\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n\r\nSnackbarComponent.displayName = 'SnackbarComponent';\r\n","import { useCallback } from 'react';\r\nimport { useSnackbarContext } from './Snackbar.context';\r\nimport type { UseSnackbarReturn, SnackbarProps } from './Snackbar.types';\r\n\r\nexport const useSnackbar = (): UseSnackbarReturn => {\r\n  const { addSnackbar, removeSnackbar, clearAllSnackbars } = useSnackbarContext();\r\n\r\n  const showSnackbar = useCallback(\r\n    (snackbar: Omit<SnackbarProps, 'id'>): string => {\r\n      return addSnackbar(snackbar);\r\n    },\r\n    [addSnackbar],\r\n  );\r\n\r\n  const hideSnackbar = useCallback(\r\n    (id: string): void => {\r\n      removeSnackbar(id);\r\n    },\r\n    [removeSnackbar],\r\n  );\r\n\r\n  const clearAll = useCallback((): void => {\r\n    clearAllSnackbars();\r\n  }, [clearAllSnackbars]);\r\n\r\n  const showSuccess = useCallback(\r\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\r\n      return showSnackbar({\r\n        message,\r\n        variant: 'success',\r\n        duration: 5000,\r\n        ...options,\r\n      });\r\n    },\r\n    [showSnackbar],\r\n  );\r\n\r\n  const showError = useCallback(\r\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\r\n      return showSnackbar({\r\n        message,\r\n        variant: 'danger',\r\n        duration: 5000,\r\n        ...options,\r\n      });\r\n    },\r\n    [showSnackbar],\r\n  );\r\n\r\n  const showWarning = useCallback(\r\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\r\n      return showSnackbar({\r\n        message,\r\n        variant: 'warning',\r\n        duration: 5000,\r\n        ...options,\r\n      });\r\n    },\r\n    [showSnackbar],\r\n  );\r\n\r\n  const showInfo = useCallback(\r\n    (message: string, options?: Partial<Omit<SnackbarProps, 'id' | 'message' | 'variant'>>) => {\r\n      return showSnackbar({\r\n        message,\r\n        variant: 'info',\r\n        duration: 5000,\r\n        ...options,\r\n      });\r\n    },\r\n    [showSnackbar],\r\n  );\r\n\r\n  return {\r\n    showSnackbar,\r\n    hideSnackbar,\r\n    clearAll,\r\n    showSuccess,\r\n    showError,\r\n    showWarning,\r\n    showInfo,\r\n  };\r\n};\r\n\r\nexport default useSnackbar;\r\n"]}

package/dist/chunk-FO5FNTJX.js

@@ -0,0 +1,69 @@
+import {
+  renderIcon
+} from "./chunk-XSGUFMT4.js";
+import {
+  Tooltip
+} from "./chunk-H523JFY2.js";
+
+// src/components/Button/Button.component.tsx
+import { LoaderCircle } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Button = ({
+  variant = "filled",
+  color = "primary",
+  size = "md",
+  disabled = false,
+  loading = false,
+  loadingText = "Loading...",
+  tooltip,
+  className = "",
+  preIcon,
+  posIcon,
+  icon,
+  children,
+  ...buttonProps
+}) => {
+  const isIconOnly = !!icon;
+  if (isIconOnly) {
+    if (children) {
+      throw new Error("Icon-only buttons cannot have children");
+    }
+    if (preIcon) {
+      throw new Error("Icon-only buttons cannot have preIcon");
+    }
+    if (posIcon) {
+      throw new Error("Icon-only buttons cannot have posIcon");
+    }
+  }
+  const buttonClasses = [
+    "eidos-button",
+    `eidos-button--${variant}`,
+    `eidos-button--${color}`,
+    `eidos-button--${size}`,
+    isIconOnly && "eidos-button--icon-only",
+    disabled && "eidos-button--disabled",
+    loading && "eidos-button--loading",
+    className
+  ].filter(Boolean).join(" ");
+  const buttonContent = /* @__PURE__ */ jsx("button", { type: "button", ...buttonProps, className: buttonClasses, disabled: disabled || loading, children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    !isIconOnly && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "eidos-button--loading-spinner", children: /* @__PURE__ */ jsx(LoaderCircle, { className: "eidos-button--spinner-icon" }) }),
+      /* @__PURE__ */ jsx("span", { className: "eidos-button--copy", children: loadingText })
+    ] }),
+    isIconOnly && /* @__PURE__ */ jsx("span", { className: "eidos-button--loading-spinner", children: /* @__PURE__ */ jsx(LoaderCircle, { className: "eidos-button--spinner-icon" }) })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    preIcon && renderIcon(preIcon, "eidos-button--pre-icon"),
+    isIconOnly && icon ? renderIcon(icon, "eidos-button--icon") : /* @__PURE__ */ jsx("span", { className: "eidos-button--copy", children }),
+    posIcon && renderIcon(posIcon, "eidos-button--pos-icon")
+  ] }) });
+  return tooltip ? /* @__PURE__ */ jsx(Tooltip, { message: tooltip, children: buttonContent }) : buttonContent;
+};
+var IconButton = (props) => {
+  return /* @__PURE__ */ jsx(Button, { ...props });
+};
+
+export {
+  Button,
+  IconButton
+};
+//# sourceMappingURL=chunk-FO5FNTJX.js.map

package/dist/chunk-FO5FNTJX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.component.tsx"],"sourcesContent":["import React from 'react';\r\nimport { LoaderCircle } from 'lucide-react';\r\nimport { Tooltip } from '../Tooltip';\r\nimport { ButtonProps, IconButtonProps } from './Button.types';\r\nimport { renderIcon } from '../../utils';\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n  variant = 'filled',\r\n  color = 'primary',\r\n  size = 'md',\r\n  disabled = false,\r\n  loading = false,\r\n  loadingText = 'Loading...',\r\n  tooltip,\r\n  className = '',\r\n  preIcon,\r\n  posIcon,\r\n  icon,\r\n  children,\r\n  ...buttonProps\r\n}) => {\r\n  const isIconOnly = !!icon;\r\n\r\n  if (isIconOnly) {\r\n    if (children) {\r\n      throw new Error('Icon-only buttons cannot have children');\r\n    }\r\n    if (preIcon) {\r\n      throw new Error('Icon-only buttons cannot have preIcon');\r\n    }\r\n    if (posIcon) {\r\n      throw new Error('Icon-only buttons cannot have posIcon');\r\n    }\r\n  }\r\n\r\n  const buttonClasses = [\r\n    'eidos-button',\r\n    `eidos-button--${variant}`,\r\n    `eidos-button--${color}`,\r\n    `eidos-button--${size}`,\r\n    isIconOnly && 'eidos-button--icon-only',\r\n    disabled && 'eidos-button--disabled',\r\n    loading && 'eidos-button--loading',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const buttonContent = (\r\n    <button type=\"button\" {...buttonProps} className={buttonClasses} disabled={disabled || loading}>\r\n      {loading ? (\r\n        <>\r\n          {!isIconOnly && (\r\n            <>\r\n              <span className=\"eidos-button--loading-spinner\">\r\n                <LoaderCircle className=\"eidos-button--spinner-icon\" />\r\n              </span>\r\n              <span className=\"eidos-button--copy\">{loadingText}</span>\r\n            </>\r\n          )}\r\n          {isIconOnly && (\r\n            <span className=\"eidos-button--loading-spinner\">\r\n              <LoaderCircle className=\"eidos-button--spinner-icon\" />\r\n            </span>\r\n          )}\r\n        </>\r\n      ) : (\r\n        <>\r\n          {preIcon && renderIcon(preIcon, 'eidos-button--pre-icon')}\r\n\r\n          {isIconOnly && icon ? (\r\n            renderIcon(icon, 'eidos-button--icon')\r\n          ) : (\r\n            <span className=\"eidos-button--copy\">{children}</span>\r\n          )}\r\n\r\n          {posIcon && renderIcon(posIcon, 'eidos-button--pos-icon')}\r\n        </>\r\n      )}\r\n    </button>\r\n  );\r\n\r\n  return tooltip ? <Tooltip message={tooltip}>{buttonContent}</Tooltip> : buttonContent;\r\n};\r\n\r\n/**\r\n * IconButton - Convenience wrapper for icon-only buttons\r\n *\r\n * @example\r\n * ```tsx\r\n * import { IconButton } from 'eidos-ui';\r\n * import { Plus } from 'lucide-react';\r\n *\r\n * <IconButton icon={Plus} tooltip=\"Add item\" />\r\n * ```\r\n */\r\nexport const IconButton: React.FC<IconButtonProps> = (props) => {\r\n  return <Button {...props} />;\r\n};\r\n"],"mappings":";;;;;;;;AACA,SAAS,oBAAoB;AAoDjB,mBAEI,KAFJ;AA/CL,IAAM,SAAgC,CAAC;AAAA,EAC5C,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAa,CAAC,CAAC;AAErB,MAAI,YAAY;AACd,QAAI,UAAU;AACZ,YAAM,IAAI,MAAM,wCAAwC;AAAA,IAC1D;AACA,QAAI,SAAS;AACX,YAAM,IAAI,MAAM,uCAAuC;AAAA,IACzD;AACA,QAAI,SAAS;AACX,YAAM,IAAI,MAAM,uCAAuC;AAAA,IACzD;AAAA,EACF;AAEA,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,iBAAiB,OAAO;AAAA,IACxB,iBAAiB,KAAK;AAAA,IACtB,iBAAiB,IAAI;AAAA,IACrB,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,WAAW;AAAA,IACX;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,gBACJ,oBAAC,YAAO,MAAK,UAAU,GAAG,aAAa,WAAW,eAAe,UAAU,YAAY,SACpF,oBACC,iCACG;AAAA,KAAC,cACA,iCACE;AAAA,0BAAC,UAAK,WAAU,iCACd,8BAAC,gBAAa,WAAU,8BAA6B,GACvD;AAAA,MACA,oBAAC,UAAK,WAAU,sBAAsB,uBAAY;AAAA,OACpD;AAAA,IAED,cACC,oBAAC,UAAK,WAAU,iCACd,8BAAC,gBAAa,WAAU,8BAA6B,GACvD;AAAA,KAEJ,IAEA,iCACG;AAAA,eAAW,WAAW,SAAS,wBAAwB;AAAA,IAEvD,cAAc,OACb,WAAW,MAAM,oBAAoB,IAErC,oBAAC,UAAK,WAAU,sBAAsB,UAAS;AAAA,IAGhD,WAAW,WAAW,SAAS,wBAAwB;AAAA,KAC1D,GAEJ;AAGF,SAAO,UAAU,oBAAC,WAAQ,SAAS,SAAU,yBAAc,IAAa;AAC1E;AAaO,IAAM,aAAwC,CAAC,UAAU;AAC9D,SAAO,oBAAC,UAAQ,GAAG,OAAO;AAC5B;","names":[]}

package/dist/chunk-FQZ6F7FQ.cjs

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

package/dist/chunk-FQZ6F7FQ.cjs.map

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

package/dist/chunk-G2FANEA2.cjs

@@ -0,0 +1,101 @@
+"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/Checkbox/Checkbox.component.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var Checkbox = _react.forwardRef.call(void 0, 
+  ({
+    label,
+    error,
+    indeterminate = false,
+    color = "primary",
+    size = "md",
+    className = "",
+    disabled = false,
+    id,
+    checked,
+    defaultChecked,
+    onChange,
+    onClick,
+    ...inputProps
+  }, ref) => {
+    const generatedId = _react.useId.call(void 0, );
+    const checkboxId = id || `checkbox-${generatedId}`;
+    const internalRef = _react.useRef.call(void 0, null);
+    const isControlled = checked !== void 0;
+    const [localChecked, setLocalChecked] = _react.useState.call(void 0, _nullishCoalesce(defaultChecked, () => ( false)));
+    const isChecked = _nullishCoalesce(checked, () => ( localChecked));
+    _react.useEffect.call(void 0, () => {
+      if (internalRef.current) {
+        internalRef.current.indeterminate = indeterminate;
+      }
+    }, [indeterminate]);
+    const mergedRef = _react.useCallback.call(void 0, 
+      (node) => {
+        internalRef.current = node;
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      [ref]
+    );
+    const handleChange = (e) => {
+      if (!isControlled) {
+        setLocalChecked(e.target.checked);
+      }
+      _optionalChain([onChange, 'optionalCall', _ => _(e)]);
+    };
+    const handleClick = (e) => {
+      _optionalChain([onClick, 'optionalCall', _2 => _2(e)]);
+      e.stopPropagation();
+    };
+    const wrapperClasses = [
+      "eidos-checkbox-wrapper",
+      `eidos-checkbox-wrapper--${color}`,
+      `eidos-checkbox-wrapper--${size}`,
+      disabled && "eidos-checkbox-wrapper--disabled",
+      error && "eidos-checkbox-wrapper--error"
+    ].filter(Boolean).join(" ");
+    const controlClasses = [
+      "eidos-checkbox-control",
+      isChecked && "eidos-checkbox-control--checked",
+      indeterminate && "eidos-checkbox-control--indeterminate",
+      disabled && "eidos-checkbox-control--disabled",
+      error && !disabled && "eidos-checkbox-control--error"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ["eidos-checkbox-container", className].filter(Boolean).join(" "), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: wrapperClasses, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            ref: mergedRef,
+            type: "checkbox",
+            id: checkboxId,
+            className: "eidos-checkbox-input",
+            disabled,
+            onChange: handleChange,
+            onClick: handleClick,
+            ...isControlled ? { checked } : { defaultChecked },
+            ...inputProps
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: controlClasses, children: [
+          isChecked && !indeterminate && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "eidos-checkbox-icon" }),
+          indeterminate && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Minus, { className: "eidos-checkbox-icon" })
+        ] }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-checkbox-label", children: label })
+      ] }),
+      error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-checkbox-error-message", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: error })
+      ] })
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=chunk-G2FANEA2.cjs.map

package/dist/chunk-G2FANEA2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-G2FANEA2.cjs","../src/components/Checkbox/Checkbox.component.tsx"],"names":[],"mappings":"AAAA;ACAA,8BAAmF;AACnF,2CAA0C;AAwGhC,+CAAA;AArGH,IAAM,SAAA,EAAW,+BAAA;AAAA,EACtB,CACE;AAAA,IACE,KAAA;AAAA,IACA,KAAA;AAAA,IACA,cAAA,EAAgB,KAAA;AAAA,IAChB,MAAA,EAAQ,SAAA;AAAA,IACR,KAAA,EAAO,IAAA;AAAA,IACP,UAAA,EAAY,EAAA;AAAA,IACZ,SAAA,EAAW,KAAA;AAAA,IACX,EAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,IAAA,MAAM,WAAA,EAAa,GAAA,GAAM,CAAA,SAAA,EAAY,WAAW,CAAA,CAAA;AAGC,IAAA;AAKhB,IAAA;AACyB,IAAA;AAG7B,IAAA;AAGb,IAAA;AACW,MAAA;AACa,QAAA;AACtC,MAAA;AACgB,IAAA;AAKA,IAAA;AACmB,MAAA;AACX,QAAA;AACS,QAAA;AACrB,UAAA;AACM,QAAA;AACqD,UAAA;AACrE,QAAA;AACF,MAAA;AACI,MAAA;AACN,IAAA;AAEiE,IAAA;AAC5C,MAAA;AACe,QAAA;AAClC,MAAA;AACY,sBAAA;AACd,IAAA;AAY+D,IAAA;AAClD,sBAAA;AACO,MAAA;AACpB,IAAA;AAEuB,IAAA;AACrB,MAAA;AACgC,MAAA;AACD,MAAA;AACnB,MAAA;AACH,MAAA;AAGA,IAAA;AAEY,IAAA;AACrB,MAAA;AACa,MAAA;AACI,MAAA;AACL,MAAA;AACU,MAAA;AAGb,IAAA;AAGQ,IAAA;AACG,sBAAA;AAChB,wBAAA;AAAC,UAAA;AAAA,UAAA;AACM,YAAA;AACA,YAAA;AACD,YAAA;AACM,YAAA;AACV,YAAA;AACU,YAAA;AACD,YAAA;AAC2B,YAAA;AAChC,YAAA;AAAA,UAAA;AACN,QAAA;AACiB,wBAAA;AACiB,UAAA;AACb,UAAA;AACrB,QAAA;AACgB,QAAA;AAClB,MAAA;AAGO,MAAA;AACU,wBAAA;AACN,wBAAA;AACT,MAAA;AAEJ,IAAA;AAEJ,EAAA;AACF;AAEuB;ADtC8B;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-G2FANEA2.cjs","sourcesContent":[null,"import React, { forwardRef, useId, useRef, useState, useEffect, useCallback } from 'react';\r\nimport { Check, Minus, CircleAlert } from 'lucide-react';\r\nimport type { CheckboxProps } from './Checkbox.types';\r\n\r\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\r\n  (\r\n    {\r\n      label,\r\n      error,\r\n      indeterminate = false,\r\n      color = 'primary',\r\n      size = 'md',\r\n      className = '',\r\n      disabled = false,\r\n      id,\r\n      checked,\r\n      defaultChecked,\r\n      onChange,\r\n      onClick,\r\n      ...inputProps\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const checkboxId = id || `checkbox-${generatedId}`;\r\n\r\n    // Internal ref needed to imperatively set `indeterminate` (not a standard HTML attribute)\r\n    const internalRef = useRef<HTMLInputElement>(null);\r\n\r\n    // Track checked state for the visual control:\r\n    //   - controlled mode: `checked` prop drives everything\r\n    //   - uncontrolled mode: local state mirrors the native input\r\n    const isControlled = checked !== undefined;\r\n    const [localChecked, setLocalChecked] = useState<boolean>(defaultChecked ?? false);\r\n\r\n    // `??` correctly handles `false` (falsy but defined): only falls back when `checked` is undefined\r\n    const isChecked = checked ?? localChecked;\r\n\r\n    // Imperatively set the indeterminate property – it has no HTML attribute equivalent\r\n    useEffect(() => {\r\n      if (internalRef.current) {\r\n        internalRef.current.indeterminate = indeterminate;\r\n      }\r\n    }, [indeterminate]);\r\n\r\n    // Merge the forwarded ref with our internal ref so callers can still access the input.\r\n    // useCallback(_, [ref]) prevents the ref callback from being a new function identity\r\n    // every render, which would cause React to detach/re-attach the ref unnecessarily.\r\n    const mergedRef = useCallback(\r\n      (node: HTMLInputElement | null) => {\r\n        internalRef.current = node;\r\n        if (typeof ref === 'function') {\r\n          ref(node);\r\n        } else if (ref) {\r\n          (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\r\n        }\r\n      },\r\n      [ref],\r\n    );\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    // Clicking anywhere in the surrounding <label> (e.g. the custom\r\n    // `.eidos-checkbox-control` box) fires a click on the clicked element\r\n    // *and* a second, browser-synthesized click targeted at this input -\r\n    // both bubble up. A consumer that wraps Checkbox in its own click\r\n    // handler (e.g. DataGrid toggling a cell on click) would otherwise see\r\n    // that handler fire twice per click and cancel itself out. Stopping\r\n    // propagation here only cancels the synthesized click's bubbling; the\r\n    // original click (whichever element the user actually clicked) still\r\n    // bubbles normally. Still forwards to a caller-supplied `onClick`\r\n    // first, so passing one through doesn't silently disable this fix.\r\n    const handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\r\n      onClick?.(e);\r\n      e.stopPropagation();\r\n    };\r\n\r\n    const wrapperClasses = [\r\n      'eidos-checkbox-wrapper',\r\n      `eidos-checkbox-wrapper--${color}`,\r\n      `eidos-checkbox-wrapper--${size}`,\r\n      disabled && 'eidos-checkbox-wrapper--disabled',\r\n      error && 'eidos-checkbox-wrapper--error',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const controlClasses = [\r\n      'eidos-checkbox-control',\r\n      isChecked && 'eidos-checkbox-control--checked',\r\n      indeterminate && 'eidos-checkbox-control--indeterminate',\r\n      disabled && 'eidos-checkbox-control--disabled',\r\n      error && !disabled && 'eidos-checkbox-control--error',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <div className={['eidos-checkbox-container', className].filter(Boolean).join(' ')}>\r\n        <label className={wrapperClasses}>\r\n          <input\r\n            ref={mergedRef}\r\n            type=\"checkbox\"\r\n            id={checkboxId}\r\n            className=\"eidos-checkbox-input\"\r\n            disabled={disabled}\r\n            onChange={handleChange}\r\n            onClick={handleClick}\r\n            {...(isControlled ? { checked } : { defaultChecked })}\r\n            {...inputProps}\r\n          />\r\n          <span className={controlClasses}>\r\n            {isChecked && !indeterminate && <Check className=\"eidos-checkbox-icon\" />}\r\n            {indeterminate && <Minus className=\"eidos-checkbox-icon\" />}\r\n          </span>\r\n          {label && <span className=\"eidos-checkbox-label\">{label}</span>}\r\n        </label>\r\n\r\n        {error && (\r\n          <div className=\"eidos-checkbox-error-message\">\r\n            <CircleAlert />\r\n            <span>{error}</span>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nCheckbox.displayName = 'Checkbox';\r\n"]}

package/dist/chunk-G36S5CWN.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Card/Card.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Card = ({
+  variant = "outlined",
+  padding = "md",
+  as: Tag,
+  clickable = false,
+  className = "",
+  children,
+  ...rest
+}) => {
+  const Element = Tag || "div";
+  const classes = [
+    "eidos-card",
+    `eidos-card--${variant}`,
+    `eidos-card--padding-${padding}`,
+    clickable ? "eidos-card--clickable" : "",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Element, { className: classes, ...rest, children });
+};
+
+
+
+exports.Card = Card;
+//# sourceMappingURL=chunk-G36S5CWN.cjs.map

package/dist/chunk-G36S5CWN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-G36S5CWN.cjs","../src/components/Card/Card.component.tsx"],"names":[],"mappings":"AAAA;AC2BI,+CAAA;AAvBG,IAAM,KAAA,EAA4B,CAAC;AAAA,EACxC,QAAA,EAAU,UAAA;AAAA,EACV,QAAA,EAAU,IAAA;AAAA,EACV,EAAA,EAAI,GAAA;AAAA,EACJ,UAAA,EAAY,KAAA;AAAA,EACZ,UAAA,EAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAA,GAAM;AAEJ,EAAA,MAAM,QAAA,EAA6B,IAAA,GAAO,KAAA;AAE1C,EAAA,MAAM,QAAA,EAAU;AAAA,IACd,YAAA;AAAA,IACA,CAAA,YAAA,EAAe,OAAO,CAAA,CAAA;AACC,IAAA;AACX,IAAA;AACZ,IAAA;AAGM,EAAA;AAGN,EAAA;AAIJ;ADV2B;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-G36S5CWN.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { CardProps } from './Card.types';\r\nimport './Card.scss';\r\n\r\nexport const Card: React.FC<CardProps> = ({\r\n  variant = 'outlined',\r\n  padding = 'md',\r\n  as: Tag,\r\n  clickable = false,\r\n  className = '',\r\n  children,\r\n  ...rest\r\n}) => {\r\n  // Guard against empty string passed by Storybook's text control\r\n  const Element: React.ElementType = Tag || 'div';\r\n\r\n  const classes = [\r\n    'eidos-card',\r\n    `eidos-card--${variant}`,\r\n    `eidos-card--padding-${padding}`,\r\n    clickable ? 'eidos-card--clickable' : '',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <Element className={classes} {...rest}>\r\n      {children}\r\n    </Element>\r\n  );\r\n};\r\n"]}