eidos-ui 0.1.0

package/dist/chunk-6NZXWKUE.js

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

package/dist/chunk-6NZXWKUE.js.map

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

package/dist/chunk-6P4WYB3B.js

@@ -0,0 +1,169 @@
+import {
+  renderIcon
+} from "./chunk-XSGUFMT4.js";
+
+// src/components/Tabs/Tabs.component.tsx
+import React, { useState, useRef, useContext, useLayoutEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TabsContext = React.createContext(null);
+var useTabsContext = () => {
+  const ctx = useContext(TabsContext);
+  if (!ctx) throw new Error("Tab/TabPanel must be used inside <Tabs>");
+  return ctx;
+};
+var Tab = ({
+  value,
+  children,
+  disabled = false,
+  icon,
+  className = ""
+}) => {
+  const { activeValue, onSelect, size, fullWidth, listRef } = useTabsContext();
+  const isActive = activeValue === value;
+  const handleKeyDown = (e) => {
+    const list = listRef.current;
+    if (!list) return;
+    const allTabs = Array.from(
+      list.querySelectorAll('[role="tab"]:not([disabled])')
+    );
+    const currentIndex = allTabs.indexOf(e.currentTarget);
+    if (currentIndex === -1) return;
+    let targetIndex = -1;
+    if (e.key === "ArrowRight") targetIndex = (currentIndex + 1) % allTabs.length;
+    else if (e.key === "ArrowLeft")
+      targetIndex = (currentIndex - 1 + allTabs.length) % allTabs.length;
+    else if (e.key === "Home") targetIndex = 0;
+    else if (e.key === "End") targetIndex = allTabs.length - 1;
+    if (targetIndex !== -1) {
+      e.preventDefault();
+      allTabs[targetIndex].focus();
+    }
+  };
+  const tabClasses = [
+    "eidos-tab",
+    `eidos-tab--${size}`,
+    isActive && "eidos-tab--active",
+    disabled && "eidos-tab--disabled",
+    fullWidth && "eidos-tab--fullWidth",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      id: `eidos-tab-${value}`,
+      role: "tab",
+      "aria-selected": isActive,
+      "aria-controls": `eidos-tabpanel-${value}`,
+      tabIndex: isActive ? 0 : -1,
+      disabled,
+      className: tabClasses,
+      onClick: () => !disabled && onSelect(value),
+      onKeyDown: handleKeyDown,
+      type: "button",
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "eidos-tab-icon", children: renderIcon(icon, "eidos-tab-icon-svg") }),
+        /* @__PURE__ */ jsx("span", { className: "eidos-tab-label", children })
+      ]
+    }
+  );
+};
+Tab.displayName = "Tab";
+var TabPanel = ({ value, children, className = "" }) => {
+  const { activeValue } = useTabsContext();
+  const isActive = activeValue === value;
+  if (!isActive) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: `eidos-tabpanel-${value}`,
+      role: "tabpanel",
+      "aria-labelledby": `eidos-tab-${value}`,
+      tabIndex: 0,
+      className: ["eidos-tab-panel", className].filter(Boolean).join(" "),
+      children
+    }
+  );
+};
+TabPanel.displayName = "TabPanel";
+var Tabs = ({
+  value,
+  defaultValue,
+  onChange,
+  variant = "line",
+  size = "md",
+  color = "primary",
+  fullWidth = false,
+  className = "",
+  children
+}) => {
+  const isControlled = value !== void 0;
+  const [localValue, setLocalValue] = useState(defaultValue ?? "");
+  const activeValue = isControlled ? value : localValue;
+  const listRef = useRef(null);
+  const indicatorRef = useRef(null);
+  const hasPositioned = useRef(false);
+  useLayoutEffect(() => {
+    if (variant !== "line") return;
+    const list = listRef.current;
+    const indicator = indicatorRef.current;
+    if (!list || !indicator) return;
+    const activeTab = list.querySelector('[aria-selected="true"]');
+    if (!activeTab) return;
+    if (!hasPositioned.current) {
+      indicator.style.transition = "none";
+    }
+    indicator.style.left = `${activeTab.offsetLeft}px`;
+    indicator.style.width = `${activeTab.offsetWidth}px`;
+    if (!hasPositioned.current) {
+      void indicator.offsetWidth;
+      indicator.style.transition = "";
+      hasPositioned.current = true;
+    }
+  }, [activeValue, variant, fullWidth]);
+  const onSelect = (newValue) => {
+    if (!isControlled) {
+      setLocalValue(newValue);
+    }
+    onChange?.(newValue);
+  };
+  const tabChildren = [];
+  const panelChildren = [];
+  React.Children.forEach(children, (child) => {
+    if (!React.isValidElement(child)) return;
+    if (child.type === Tab) {
+      tabChildren.push(child);
+    } else if (child.type === TabPanel) {
+      panelChildren.push(child);
+    }
+  });
+  const rootClasses = ["eidos-tabs", `eidos-tabs--${variant}`, `eidos-tabs--${color}`, className].filter(Boolean).join(" ");
+  const listClasses = [
+    "eidos-tabs-list",
+    `eidos-tabs-list--${size}`,
+    fullWidth && "eidos-tabs-list--fullWidth"
+  ].filter(Boolean).join(" ");
+  const contextValue = {
+    activeValue,
+    onSelect,
+    variant,
+    size,
+    color,
+    fullWidth,
+    listRef
+  };
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { className: rootClasses, children: [
+    /* @__PURE__ */ jsxs("div", { ref: listRef, className: listClasses, role: "tablist", children: [
+      tabChildren,
+      variant === "line" && /* @__PURE__ */ jsx("span", { ref: indicatorRef, className: "eidos-tabs-indicator", "aria-hidden": "true" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "eidos-tabs-panels", children: panelChildren })
+  ] }) });
+};
+Tabs.displayName = "Tabs";
+
+export {
+  Tab,
+  TabPanel,
+  Tabs
+};
+//# sourceMappingURL=chunk-6P4WYB3B.js.map

package/dist/chunk-6P4WYB3B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tabs.component.tsx"],"sourcesContent":["import React, { useState, useRef, useContext, useLayoutEffect } from 'react';\r\nimport { renderIcon } from '../../utils';\r\nimport type { TabsProps, TabProps, TabPanelProps, TabsContextValue } from './Tabs.types';\r\n\r\n// ============================================================================\r\n// CONTEXT\r\n// ============================================================================\r\n\r\nconst TabsContext = React.createContext<TabsContextValue | null>(null);\r\n\r\nconst useTabsContext = (): TabsContextValue => {\r\n  const ctx = useContext(TabsContext);\r\n  if (!ctx) throw new Error('Tab/TabPanel must be used inside <Tabs>');\r\n  return ctx;\r\n};\r\n\r\n// ============================================================================\r\n// TAB - individual tab trigger button\r\n// Defined before Tabs so Tabs can use `child.type === Tab` for child separation.\r\n// ============================================================================\r\n\r\nexport const Tab: React.FC<TabProps> = ({\r\n  value,\r\n  children,\r\n  disabled = false,\r\n  icon,\r\n  className = '',\r\n}) => {\r\n  const { activeValue, onSelect, size, fullWidth, listRef } = useTabsContext();\r\n  const isActive = activeValue === value;\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\r\n    const list = listRef.current;\r\n    if (!list) return;\r\n\r\n    const allTabs = Array.from(\r\n      list.querySelectorAll('[role=\"tab\"]:not([disabled])'),\r\n    ) as HTMLElement[];\r\n    const currentIndex = allTabs.indexOf(e.currentTarget);\r\n    if (currentIndex === -1) return;\r\n\r\n    let targetIndex = -1;\r\n    if (e.key === 'ArrowRight') targetIndex = (currentIndex + 1) % allTabs.length;\r\n    else if (e.key === 'ArrowLeft')\r\n      targetIndex = (currentIndex - 1 + allTabs.length) % allTabs.length;\r\n    else if (e.key === 'Home') targetIndex = 0;\r\n    else if (e.key === 'End') targetIndex = allTabs.length - 1;\r\n\r\n    if (targetIndex !== -1) {\r\n      e.preventDefault();\r\n      allTabs[targetIndex].focus();\r\n    }\r\n  };\r\n\r\n  const tabClasses = [\r\n    'eidos-tab',\r\n    `eidos-tab--${size}`,\r\n    isActive && 'eidos-tab--active',\r\n    disabled && 'eidos-tab--disabled',\r\n    fullWidth && 'eidos-tab--fullWidth',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <button\r\n      id={`eidos-tab-${value}`}\r\n      role=\"tab\"\r\n      aria-selected={isActive}\r\n      aria-controls={`eidos-tabpanel-${value}`}\r\n      tabIndex={isActive ? 0 : -1}\r\n      disabled={disabled}\r\n      className={tabClasses}\r\n      onClick={() => !disabled && onSelect(value)}\r\n      onKeyDown={handleKeyDown}\r\n      type=\"button\"\r\n    >\r\n      {icon && <span className=\"eidos-tab-icon\">{renderIcon(icon, 'eidos-tab-icon-svg')}</span>}\r\n      <span className=\"eidos-tab-label\">{children}</span>\r\n    </button>\r\n  );\r\n};\r\n\r\nTab.displayName = 'Tab';\r\n\r\n// ============================================================================\r\n// TAB PANEL - content region shown when its value matches the active tab\r\n// Defined before Tabs for the same `child.type === TabPanel` check.\r\n// ============================================================================\r\n\r\nexport const TabPanel: React.FC<TabPanelProps> = ({ value, children, className = '' }) => {\r\n  const { activeValue } = useTabsContext();\r\n  const isActive = activeValue === value;\r\n\r\n  if (!isActive) return null;\r\n\r\n  return (\r\n    <div\r\n      id={`eidos-tabpanel-${value}`}\r\n      role=\"tabpanel\"\r\n      aria-labelledby={`eidos-tab-${value}`}\r\n      tabIndex={0}\r\n      className={['eidos-tab-panel', className].filter(Boolean).join(' ')}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nTabPanel.displayName = 'TabPanel';\r\n\r\n// ============================================================================\r\n// TABS - root container; provides context, separates tab/panel children\r\n// ============================================================================\r\n\r\nexport const Tabs: React.FC<TabsProps> = ({\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  variant = 'line',\r\n  size = 'md',\r\n  color = 'primary',\r\n  fullWidth = false,\r\n  className = '',\r\n  children,\r\n}) => {\r\n  const isControlled = value !== undefined;\r\n  const [localValue, setLocalValue] = useState(defaultValue ?? '');\r\n  const activeValue = isControlled ? value! : localValue;\r\n\r\n  const listRef = useRef<HTMLDivElement>(null);\r\n  const indicatorRef = useRef<HTMLSpanElement>(null);\r\n  // Tracks whether the indicator has been positioned at least once so we can\r\n  // skip the CSS transition on the very first render and avoid it animating\r\n  // from the top-left corner to the initial tab.\r\n  const hasPositioned = useRef(false);\r\n\r\n  useLayoutEffect(() => {\r\n    if (variant !== 'line') return;\r\n    const list = listRef.current;\r\n    const indicator = indicatorRef.current;\r\n    if (!list || !indicator) return;\r\n\r\n    const activeTab = list.querySelector('[aria-selected=\"true\"]') as HTMLElement | null;\r\n    if (!activeTab) return;\r\n\r\n    // Suppress the CSS transition on the initial paint so the indicator snaps\r\n    // into place rather than sliding from 0.\r\n    if (!hasPositioned.current) {\r\n      indicator.style.transition = 'none';\r\n    }\r\n\r\n    indicator.style.left = `${activeTab.offsetLeft}px`;\r\n    indicator.style.width = `${activeTab.offsetWidth}px`;\r\n\r\n    if (!hasPositioned.current) {\r\n      // Force a synchronous reflow so the browser commits the no-transition\r\n      // position before we re-enable the transition for future clicks.\r\n      void indicator.offsetWidth;\r\n      indicator.style.transition = '';\r\n      hasPositioned.current = true;\r\n    }\r\n  }, [activeValue, variant, fullWidth]);\r\n\r\n  const onSelect = (newValue: string) => {\r\n    if (!isControlled) {\r\n      setLocalValue(newValue);\r\n    }\r\n    onChange?.(newValue);\r\n  };\r\n\r\n  // Separate Tab and TabPanel children so the list and panels render in\r\n  // distinct DOM regions, regardless of how the consumer orders them.\r\n  const tabChildren: React.ReactElement[] = [];\r\n  const panelChildren: React.ReactElement[] = [];\r\n\r\n  React.Children.forEach(children, (child) => {\r\n    if (!React.isValidElement(child)) return;\r\n    if (child.type === Tab) {\r\n      tabChildren.push(child);\r\n    } else if (child.type === TabPanel) {\r\n      panelChildren.push(child);\r\n    }\r\n  });\r\n\r\n  const rootClasses = ['eidos-tabs', `eidos-tabs--${variant}`, `eidos-tabs--${color}`, className]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const listClasses = [\r\n    'eidos-tabs-list',\r\n    `eidos-tabs-list--${size}`,\r\n    fullWidth && 'eidos-tabs-list--fullWidth',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const contextValue: TabsContextValue = {\r\n    activeValue,\r\n    onSelect,\r\n    variant,\r\n    size,\r\n    color,\r\n    fullWidth,\r\n    listRef,\r\n  };\r\n\r\n  return (\r\n    <TabsContext.Provider value={contextValue}>\r\n      <div className={rootClasses}>\r\n        <div ref={listRef} className={listClasses} role=\"tablist\">\r\n          {tabChildren}\r\n          {variant === 'line' && (\r\n            <span ref={indicatorRef} className=\"eidos-tabs-indicator\" aria-hidden=\"true\" />\r\n          )}\r\n        </div>\r\n        <div className=\"eidos-tabs-panels\">{panelChildren}</div>\r\n      </div>\r\n    </TabsContext.Provider>\r\n  );\r\n};\r\n\r\nTabs.displayName = 'Tabs';\r\n"],"mappings":"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","names":[]}

package/dist/chunk-6QFT3BUD.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/ButtonGroup/ButtonGroup.component.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var ButtonGroup = ({
+  children,
+  size,
+  variant,
+  color,
+  orientation = "horizontal",
+  className = ""
+}) => {
+  const clampedChildren = _react2.default.Children.map(children, (child) => {
+    if (!_react2.default.isValidElement(child)) return child;
+    const childProps = child.props;
+    return _react2.default.cloneElement(child, {
+      ...size !== void 0 && childProps.size === void 0 && { size },
+      ...variant !== void 0 && childProps.variant === void 0 && { variant },
+      ...color !== void 0 && childProps.color === void 0 && { color }
+    });
+  });
+  const classes = ["eidos-button-group", `eidos-button-group--${orientation}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, children: clampedChildren });
+};
+
+
+
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=chunk-6QFT3BUD.cjs.map

package/dist/chunk-6QFT3BUD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-6QFT3BUD.cjs","../src/components/ButtonGroup/ButtonGroup.component.tsx"],"names":[],"mappings":"AAAA;ACAA,4EAAkB;AA2CT,+CAAA;AAvBF,IAAM,YAAA,EAA0C,CAAC;AAAA,EACtD,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA,EAAc,YAAA;AAAA,EACd,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,gBAAA,EAAkB,eAAA,CAAM,QAAA,CAAS,GAAA,CAAI,QAAA,EAAU,CAAC,KAAA,EAAA,GAAU;AAC9D,IAAA,GAAA,CAAI,CAAC,eAAA,CAAM,cAAA,CAAe,KAAK,CAAA,EAAG,OAAO,KAAA;AAEzC,IAAA,MAAM,WAAA,EAAa,KAAA,CAAM,KAAA;AACzB,IAAA,OAAO,eAAA,CAAM,YAAA,CAAa,KAAA,EAAsD;AAAA,MAC9E,GAAI,KAAA,IAAS,KAAA,EAAA,GAAa,UAAA,CAAW,KAAA,IAAS,KAAA,EAAA,GAAa,EAAE,KAAK,CAAA;AAAA,MAClE,GAAI,QAAA,IAAY,KAAA,EAAA,GAAa,UAAA,CAAW,QAAA,IAAY,KAAA,EAAA,GAAa,EAAE,QAAQ,CAAA;AAAA,MAC3E,GAAI,MAAA,IAAU,KAAA,EAAA,GAAa,UAAA,CAAW,MAAA,IAAU,KAAA,EAAA,GAAa,EAAE,MAAM;AAAA,IACvE,CAAC,CAAA;AAAA,EACH,CAAC,CAAA;AAED,EAAA,MAAM,QAAA,EAAU,CAAC,oBAAA,EAAsB,CAAA,oBAAA,EAAuB,WAAW,CAAA,CAAA;AAIxC,EAAA;AACnC;ADrB4E;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-6QFT3BUD.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { ButtonGroupProps } from './ButtonGroup.types';\r\n\r\n/**\r\n * ButtonGroup - wraps adjacent Button components into a single visual unit.\r\n *\r\n * - Collapses inner border-radii so only the two outer ends are rounded.\r\n * - Collapses the shared border between adjacent outlined buttons into one line.\r\n * - Optionally propagates `size`, `variant`, and `color` down to children that\r\n *   don't already specify those props (each child can still override individually).\r\n *\r\n * @example\r\n * ```tsx\r\n * <ButtonGroup variant=\"outlined\" color=\"primary\">\r\n *   <Button>Left</Button>\r\n *   <Button>Center</Button>\r\n *   <Button>Right</Button>\r\n * </ButtonGroup>\r\n * ```\r\n */\r\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\r\n  children,\r\n  size,\r\n  variant,\r\n  color,\r\n  orientation = 'horizontal',\r\n  className = '',\r\n}) => {\r\n  const clampedChildren = React.Children.map(children, (child) => {\r\n    if (!React.isValidElement(child)) return child;\r\n    // Child's own explicitly-set props win; group-level props are fallbacks.\r\n    const childProps = child.props as Record<string, unknown>;\r\n    return React.cloneElement(child as React.ReactElement<Record<string, unknown>>, {\r\n      ...(size !== undefined && childProps.size === undefined && { size }),\r\n      ...(variant !== undefined && childProps.variant === undefined && { variant }),\r\n      ...(color !== undefined && childProps.color === undefined && { color }),\r\n    });\r\n  });\r\n\r\n  const classes = ['eidos-button-group', `eidos-button-group--${orientation}`, className]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return <div className={classes}>{clampedChildren}</div>;\r\n};\r\n"]}

package/dist/chunk-6USUVU6J.js

@@ -0,0 +1,26 @@
+// src/components/Spinner/Spinner.component.tsx
+import { LoaderCircle } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var Spinner = ({
+  size = "md",
+  color = "primary",
+  className = ""
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    role: "status",
+    "aria-label": "Loading",
+    className: [
+      "eidos-spinner-wrapper",
+      `eidos-spinner-wrapper--${size}`,
+      `eidos-spinner-wrapper--${color}`,
+      className
+    ].filter(Boolean).join(" "),
+    children: /* @__PURE__ */ jsx(LoaderCircle, { className: "eidos-spinner", "aria-hidden": "true" })
+  }
+);
+
+export {
+  Spinner
+};
+//# sourceMappingURL=chunk-6USUVU6J.js.map

package/dist/chunk-6USUVU6J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Spinner/Spinner.component.tsx"],"sourcesContent":["import React from 'react';\r\nimport { LoaderCircle } from 'lucide-react';\r\nimport type { ComponentSizeProps } from '../../utils';\r\n\r\nexport type SpinnerColorProps = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';\r\n\r\nexport interface SpinnerProps {\r\n  size?: ComponentSizeProps;\r\n  color?: SpinnerColorProps;\r\n  className?: string;\r\n}\r\n\r\nexport const Spinner: React.FC<SpinnerProps> = ({\r\n  size = 'md',\r\n  color = 'primary',\r\n  className = '',\r\n}) => (\r\n  <div\r\n    role=\"status\"\r\n    aria-label=\"Loading\"\r\n    className={[\r\n      'eidos-spinner-wrapper',\r\n      `eidos-spinner-wrapper--${size}`,\r\n      `eidos-spinner-wrapper--${color}`,\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ')}\r\n  >\r\n    <LoaderCircle className=\"eidos-spinner\" aria-hidden=\"true\" />\r\n  </div>\r\n);\r\n"],"mappings":";AACA,SAAS,oBAAoB;AA4BzB;AAjBG,IAAM,UAAkC,CAAC;AAAA,EAC9C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAW;AAAA,MACT;AAAA,MACA,0BAA0B,IAAI;AAAA,MAC9B,0BAA0B,KAAK;AAAA,MAC/B;AAAA,IACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IAEX,8BAAC,gBAAa,WAAU,iBAAgB,eAAY,QAAO;AAAA;AAC7D;","names":[]}

package/dist/chunk-73EKJU4G.js

@@ -0,0 +1,11 @@
+// src/components/Kbd/Kbd.component.tsx
+import { jsx } from "react/jsx-runtime";
+var Kbd = ({ children, size = "md", className = "" }) => {
+  const classes = ["eidos-kbd", `eidos-kbd--${size}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("kbd", { className: classes, children });
+};
+
+export {
+  Kbd
+};
+//# sourceMappingURL=chunk-73EKJU4G.js.map

package/dist/chunk-73EKJU4G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Kbd/Kbd.component.tsx"],"sourcesContent":["import React from 'react';\r\nimport type { KbdProps } from './Kbd.types';\r\n\r\n/**\r\n * Kbd - renders a keyboard key or shortcut with a physical key appearance.\r\n *\r\n * Use it anywhere a keyboard shortcut needs to be communicated: tooltips,\r\n * menu item shortcuts, inline documentation, command palettes.\r\n *\r\n * For multi-key combinations, place `<Kbd>` elements side-by-side and\r\n * separate them with a `+` character or a thin space as suits the context.\r\n *\r\n * @example\r\n * ```tsx\r\n * // Single key\r\n * <Kbd>⌘</Kbd>\r\n *\r\n * // Compound shortcut - wrap in a fragment or span\r\n * <span><Kbd>⌘</Kbd><Kbd>K</Kbd></span>\r\n *\r\n * // Inline in prose\r\n * Press <Kbd>Enter</Kbd> to confirm.\r\n * ```\r\n */\r\nexport const Kbd: React.FC<KbdProps> = ({ children, size = 'md', className = '' }) => {\r\n  const classes = ['eidos-kbd', `eidos-kbd--${size}`, className].filter(Boolean).join(' ');\r\n\r\n  return <kbd className={classes}>{children}</kbd>;\r\n};\r\n"],"mappings":";AA2BS;AAHF,IAAM,MAA0B,CAAC,EAAE,UAAU,OAAO,MAAM,YAAY,GAAG,MAAM;AACpF,QAAM,UAAU,CAAC,aAAa,cAAc,IAAI,IAAI,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEvF,SAAO,oBAAC,SAAI,WAAW,SAAU,UAAS;AAC5C;","names":[]}

package/dist/chunk-7IOOFKG3.js

@@ -0,0 +1,26 @@
+// src/components/Card/Card.component.tsx
+import { jsx } from "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__ */ jsx(Element, { className: classes, ...rest, children });
+};
+
+export {
+  Card
+};
+//# sourceMappingURL=chunk-7IOOFKG3.js.map

package/dist/chunk-7IOOFKG3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.component.tsx"],"sourcesContent":["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"],"mappings":";AA2BI;AAvBG,IAAM,OAA4B,CAAC;AAAA,EACxC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MAAM;AAEJ,QAAM,UAA6B,OAAO;AAE1C,QAAM,UAAU;AAAA,IACd;AAAA,IACA,eAAe,OAAO;AAAA,IACtB,uBAAuB,OAAO;AAAA,IAC9B,YAAY,0BAA0B;AAAA,IACtC;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,oBAAC,WAAQ,WAAW,SAAU,GAAG,MAC9B,UACH;AAEJ;","names":[]}

package/dist/chunk-7KGV6YCG.cjs

@@ -0,0 +1,54 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Skeleton/Skeleton.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function toCssSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+var Skeleton = ({
+  variant = "text",
+  width,
+  height,
+  lines = 1,
+  animation = "wave",
+  className
+}) => {
+  const widthStyle = width !== void 0 ? toCssSize(width) : void 0;
+  const heightStyle = height !== void 0 ? toCssSize(height) : void 0;
+  if (variant === "text" && lines > 1) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: ["eidos-skeleton-text-group", className].filter(Boolean).join(" "),
+        "aria-hidden": "true",
+        children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: `eidos-skeleton eidos-skeleton--text eidos-skeleton--${animation}`,
+            style: {
+              width: i === lines - 1 ? "60%" : _nullishCoalesce(widthStyle, () => ( "100%")),
+              height: heightStyle
+            }
+          },
+          i
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      className: [
+        "eidos-skeleton",
+        `eidos-skeleton--${variant}`,
+        `eidos-skeleton--${animation}`,
+        className
+      ].filter(Boolean).join(" "),
+      style: { width: widthStyle, height: heightStyle },
+      "aria-hidden": "true"
+    }
+  );
+};
+
+
+
+exports.Skeleton = Skeleton;
+//# sourceMappingURL=chunk-7KGV6YCG.cjs.map

package/dist/chunk-7KGV6YCG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-7KGV6YCG.cjs","../src/components/Skeleton/Skeleton.component.tsx"],"names":[],"mappings":"AAAA;ACmCU,+CAAA;AA3BV,SAAS,SAAA,CAAU,KAAA,EAAgC;AACjD,EAAA,OAAO,OAAO,MAAA,IAAU,SAAA,EAAW,CAAA,EAAA;AACrC;AAMkD;AACtC,EAAA;AACV,EAAA;AACA,EAAA;AACQ,EAAA;AACI,EAAA;AACZ,EAAA;AACI;AACyB,EAAA;AACE,EAAA;AAGG,EAAA;AAE9B,IAAA;AAAC,MAAA;AAAA,MAAA;AACa,QAAA;AACA,QAAA;AAEE,QAAA;AACX,UAAA;AAAA,UAAA;AAEY,YAAA;AACJ,YAAA;AACgB,cAAA;AACb,cAAA;AACV,YAAA;AAAA,UAAA;AALK,UAAA;AAOR,QAAA;AAAA,MAAA;AACH,IAAA;AAEJ,EAAA;AAIE,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACT,QAAA;AAC0B,QAAA;AACE,QAAA;AAC5B,QAAA;AAGS,MAAA;AACiB,MAAA;AAChB,MAAA;AAAA,IAAA;AACd,EAAA;AAEJ;ADdsC;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-7KGV6YCG.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { SkeletonProps } from './Skeleton.types';\r\nimport './Skeleton.scss';\r\n\r\n// ============================================================================\r\n// Helpers\r\n// ============================================================================\r\n\r\nfunction toCssSize(value: number | string): string {\r\n  return typeof value === 'number' ? `${value}px` : value;\r\n}\r\n\r\n// ============================================================================\r\n// Component\r\n// ============================================================================\r\n\r\nexport const Skeleton: React.FC<SkeletonProps> = ({\r\n  variant = 'text',\r\n  width,\r\n  height,\r\n  lines = 1,\r\n  animation = 'wave',\r\n  className,\r\n}) => {\r\n  const widthStyle = width !== undefined ? toCssSize(width) : undefined;\r\n  const heightStyle = height !== undefined ? toCssSize(height) : undefined;\r\n\r\n  // Multi-line text variant\r\n  if (variant === 'text' && lines > 1) {\r\n    return (\r\n      <div\r\n        className={['eidos-skeleton-text-group', className].filter(Boolean).join(' ')}\r\n        aria-hidden=\"true\"\r\n      >\r\n        {Array.from({ length: lines }, (_, i) => (\r\n          <span\r\n            key={i}\r\n            className={`eidos-skeleton eidos-skeleton--text eidos-skeleton--${animation}`}\r\n            style={{\r\n              width: i === lines - 1 ? '60%' : (widthStyle ?? '100%'),\r\n              height: heightStyle,\r\n            }}\r\n          />\r\n        ))}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // Single element\r\n  return (\r\n    <span\r\n      className={[\r\n        'eidos-skeleton',\r\n        `eidos-skeleton--${variant}`,\r\n        `eidos-skeleton--${animation}`,\r\n        className,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(' ')}\r\n      style={{ width: widthStyle, height: heightStyle }}\r\n      aria-hidden=\"true\"\r\n    />\r\n  );\r\n};\r\n"]}