eidos-ui 0.1.0

package/dist/chip/index.d.ts

@@ -0,0 +1,27 @@
+import React__default from 'react';
+import { I as IconType } from '../renderIcon-C2lEMMzb.js';
+import { C as ComponentSizeProps } from '../sizes-DM6Rrrgq.js';
+
+type ChipVariantProps = 'filled' | 'outlined' | 'text';
+type ChipColorProps = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+interface BaseChipProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
+    variant?: ChipVariantProps;
+    color?: ChipColorProps;
+    size?: ComponentSizeProps;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    tooltip?: string;
+    className?: string;
+    onClick?: () => void;
+    onRemove?: () => void;
+}
+interface TextChipProps extends BaseChipProps {
+    children: React.ReactNode;
+    preIcon?: IconType;
+    posIcon?: IconType;
+}
+type ChipProps = TextChipProps;
+
+declare const Chip: React__default.FC<ChipProps>;
+
+export { Chip, type ChipColorProps, type ChipProps, type ChipVariantProps, type TextChipProps };

package/dist/chip/index.js

@@ -0,0 +1,11 @@
+import "../chunk-TPNCV7KA.js";
+import {
+  Chip
+} from "../chunk-GRH57M3E.js";
+import "../chunk-XSGUFMT4.js";
+import "../chunk-H523JFY2.js";
+import "../chunk-5WRI5ZAA.js";
+export {
+  Chip
+};
+//# sourceMappingURL=index.js.map

package/dist/chip/index.js.map

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

package/dist/chunk-2HTBZGBP.cjs

@@ -0,0 +1,113 @@
+"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/Radio/Radio.component.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var Radio = _react.forwardRef.call(void 0, 
+  ({
+    label,
+    color = "primary",
+    size = "md",
+    className = "",
+    disabled = false,
+    id,
+    checked,
+    defaultChecked,
+    onChange,
+    ...inputProps
+  }, ref) => {
+    const generatedId = _react.useId.call(void 0, );
+    const radioId = id || `radio-${generatedId}`;
+    const isControlled = checked !== void 0;
+    const [localChecked, setLocalChecked] = _react.useState.call(void 0, _nullishCoalesce(defaultChecked, () => ( false)));
+    const isChecked = _nullishCoalesce(checked, () => ( localChecked));
+    const handleChange = (e) => {
+      if (!isControlled) {
+        setLocalChecked(e.target.checked);
+      }
+      _optionalChain([onChange, 'optionalCall', _ => _(e)]);
+    };
+    const wrapperClasses = [
+      "eidos-radio-wrapper",
+      `eidos-radio-wrapper--${color}`,
+      `eidos-radio-wrapper--${size}`,
+      disabled && "eidos-radio-wrapper--disabled",
+      className
+    ].filter(Boolean).join(" ");
+    const controlClasses = [
+      "eidos-radio-control",
+      isChecked && "eidos-radio-control--checked",
+      disabled && "eidos-radio-control--disabled"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: wrapperClasses, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          ref,
+          type: "radio",
+          id: radioId,
+          className: "eidos-radio-input",
+          disabled,
+          onChange: handleChange,
+          ...isControlled ? { checked } : { defaultChecked },
+          ...inputProps
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: controlClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-radio-dot" }) }),
+      label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-radio-label", children: label })
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+var RadioGroup = ({
+  name,
+  value: valueProp,
+  defaultValue,
+  onChange,
+  options,
+  direction = "vertical",
+  color = "primary",
+  size = "md",
+  disabled = false,
+  error,
+  className = ""
+}) => {
+  const isControlled = valueProp !== void 0;
+  const [localValue, setLocalValue] = _react.useState.call(void 0, defaultValue);
+  const currentValue = isControlled ? valueProp : localValue;
+  const handleOptionChange = (optionValue) => {
+    if (!isControlled) {
+      setLocalValue(optionValue);
+    }
+    _optionalChain([onChange, 'optionalCall', _2 => _2(optionValue)]);
+  };
+  const groupClasses = ["eidos-radio-group", `eidos-radio-group--${direction}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: groupClasses, children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Radio,
+      {
+        name,
+        value: option.value,
+        checked: currentValue === option.value,
+        onChange: (e) => {
+          if (e.target.checked) handleOptionChange(option.value);
+        },
+        disabled: disabled || option.disabled,
+        label: option.label,
+        color,
+        size
+      },
+      option.value
+    )) }),
+    error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-radio-error-message", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: error })
+    ] })
+  ] });
+};
+RadioGroup.displayName = "RadioGroup";
+
+
+
+
+exports.Radio = Radio; exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=chunk-2HTBZGBP.cjs.map

package/dist/chunk-2HTBZGBP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2HTBZGBP.cjs","../src/components/Radio/Radio.component.tsx"],"names":[],"mappings":"AAAA;ACAA,8BAAmD;AACnD,2CAA4B;AA6DtB,+CAAA;AAtDC,IAAM,MAAA,EAAQ,+BAAA;AAAA,EACnB,CACE;AAAA,IACE,KAAA;AAAA,IACA,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,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,IAAA,MAAM,QAAA,EAAU,GAAA,GAAM,CAAA,MAAA,EAAS,WAAW,CAAA,CAAA;AAKT,IAAA;AACO,IAAA;AAGX,IAAA;AAEoC,IAAA;AAC5C,MAAA;AACe,QAAA;AAClC,MAAA;AACY,sBAAA;AACd,IAAA;AAEuB,IAAA;AACrB,MAAA;AAC6B,MAAA;AACD,MAAA;AAChB,MAAA;AACZ,MAAA;AAGS,IAAA;AAEY,IAAA;AACrB,MAAA;AACa,MAAA;AACD,MAAA;AAGH,IAAA;AAGF,IAAA;AACL,sBAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACK,UAAA;AACD,UAAA;AACM,UAAA;AACV,UAAA;AACU,UAAA;AAC0B,UAAA;AAChC,UAAA;AAAA,QAAA;AACN,MAAA;AACiB,sBAAA;AAGD,MAAA;AAClB,IAAA;AAEJ,EAAA;AACF;AAEoB;AAWkC;AACpD,EAAA;AACO,EAAA;AACP,EAAA;AACA,EAAA;AACA,EAAA;AACY,EAAA;AACJ,EAAA;AACD,EAAA;AACI,EAAA;AACX,EAAA;AACY,EAAA;AACR;AAC+B,EAAA;AAC8B,EAAA;AAG7B,EAAA;AAEgB,EAAA;AAC/B,IAAA;AACQ,MAAA;AAC3B,IAAA;AACsB,oBAAA;AACxB,EAAA;AAE2C,EAAA;AAMvC,EAAA;AAAgB,oBAAA;AAEX,MAAA;AAAA,MAAA;AAEC,QAAA;AACc,QAAA;AACmB,QAAA;AAChB,QAAA;AACO,UAAA;AACxB,QAAA;AAC6B,QAAA;AACf,QAAA;AACd,QAAA;AACA,QAAA;AAAA,MAAA;AAVY,MAAA;AAalB,IAAA;AAGO,IAAA;AACU,sBAAA;AACN,sBAAA;AACT,IAAA;AAEJ,EAAA;AAEJ;AAEyB;AD9CsB;AACA;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2HTBZGBP.cjs","sourcesContent":[null,"import React, { forwardRef, useId, useState } from 'react';\r\nimport { CircleAlert } from 'lucide-react';\r\nimport type { RadioProps, RadioGroupProps } from './Radio.types';\r\n\r\n// ============================================================================\r\n// Radio\r\n// ============================================================================\r\n\r\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\r\n  (\r\n    {\r\n      label,\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      ...inputProps\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const radioId = id || `radio-${generatedId}`;\r\n\r\n    // Track checked state for the visual control:\r\n    //   - controlled mode: `checked` prop drives the visual\r\n    //   - uncontrolled mode (standalone Radio): 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    // `??` only falls back when `checked` is undefined – `false` is kept as-is\r\n    const isChecked = 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-radio-wrapper',\r\n      `eidos-radio-wrapper--${color}`,\r\n      `eidos-radio-wrapper--${size}`,\r\n      disabled && 'eidos-radio-wrapper--disabled',\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const controlClasses = [\r\n      'eidos-radio-control',\r\n      isChecked && 'eidos-radio-control--checked',\r\n      disabled && 'eidos-radio-control--disabled',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <label className={wrapperClasses}>\r\n        <input\r\n          ref={ref}\r\n          type=\"radio\"\r\n          id={radioId}\r\n          className=\"eidos-radio-input\"\r\n          disabled={disabled}\r\n          onChange={handleChange}\r\n          {...(isControlled ? { checked } : { defaultChecked })}\r\n          {...inputProps}\r\n        />\r\n        <span className={controlClasses}>\r\n          <span className=\"eidos-radio-dot\" />\r\n        </span>\r\n        {label && <span className=\"eidos-radio-label\">{label}</span>}\r\n      </label>\r\n    );\r\n  },\r\n);\r\n\r\nRadio.displayName = 'Radio';\r\n\r\n// ============================================================================\r\n// RadioGroup\r\n//\r\n// Design note: RadioGroup always passes a controlled `checked` prop to every\r\n// Radio child so that the selection dot stays in sync across the full group.\r\n// For the \"uncontrolled\" case (defaultValue), RadioGroup owns the state\r\n// internally – individual Radios never need to manage it themselves.\r\n// ============================================================================\r\n\r\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\r\n  name,\r\n  value: valueProp,\r\n  defaultValue,\r\n  onChange,\r\n  options,\r\n  direction = 'vertical',\r\n  color = 'primary',\r\n  size = 'md',\r\n  disabled = false,\r\n  error,\r\n  className = '',\r\n}) => {\r\n  const isControlled = valueProp !== undefined;\r\n  const [localValue, setLocalValue] = useState<string | undefined>(defaultValue);\r\n\r\n  // currentValue is always defined when valueProp is provided (controlled)\r\n  const currentValue = isControlled ? valueProp : localValue;\r\n\r\n  const handleOptionChange = (optionValue: string) => {\r\n    if (!isControlled) {\r\n      setLocalValue(optionValue);\r\n    }\r\n    onChange?.(optionValue);\r\n  };\r\n\r\n  const groupClasses = ['eidos-radio-group', `eidos-radio-group--${direction}`, className]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <div>\r\n      <div className={groupClasses}>\r\n        {options.map((option) => (\r\n          <Radio\r\n            key={option.value}\r\n            name={name}\r\n            value={option.value}\r\n            checked={currentValue === option.value}\r\n            onChange={(e) => {\r\n              if (e.target.checked) handleOptionChange(option.value);\r\n            }}\r\n            disabled={disabled || option.disabled}\r\n            label={option.label}\r\n            color={color}\r\n            size={size}\r\n          />\r\n        ))}\r\n      </div>\r\n\r\n      {error && (\r\n        <div className=\"eidos-radio-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\nRadioGroup.displayName = 'RadioGroup';\r\n"]}

package/dist/chunk-2JWY36LD.cjs

@@ -0,0 +1,112 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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/Accordion/Accordion.component.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var toArray = (v) => v === void 0 ? [] : Array.isArray(v) ? v : [v];
+var AccordionContext = _react2.default.createContext(null);
+var useAccordion = () => {
+  const ctx = _react.useContext.call(void 0, AccordionContext);
+  if (!ctx) throw new Error("AccordionItem must be used inside <Accordion>");
+  return ctx;
+};
+var Accordion = ({
+  multiple = false,
+  value,
+  defaultValue,
+  onChange,
+  variant = "default",
+  size = "md",
+  color = "primary",
+  className = "",
+  children
+}) => {
+  const isControlled = value !== void 0;
+  const [localOpen, setLocalOpen] = _react.useState.call(void 0, () => toArray(defaultValue));
+  const openValues = isControlled ? toArray(value) : localOpen;
+  const toggle = _react.useCallback.call(void 0, 
+    (itemValue) => {
+      const isOpen = openValues.includes(itemValue);
+      let next;
+      if (multiple) {
+        next = isOpen ? openValues.filter((v) => v !== itemValue) : [...openValues, itemValue];
+      } else {
+        next = isOpen ? [] : [itemValue];
+      }
+      if (!isControlled) setLocalOpen(next);
+      _optionalChain([onChange, 'optionalCall', _ => _(multiple ? next : _nullishCoalesce(next[0], () => ( "")))]);
+    },
+    [openValues, multiple, isControlled, onChange]
+  );
+  const rootClasses = ["eidos-accordion", `eidos-accordion--${variant}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionContext.Provider, { value: { openValues, toggle, variant, size, color }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: rootClasses, children }) });
+};
+Accordion.displayName = "Accordion";
+var AccordionItem = ({
+  value,
+  label,
+  icon,
+  disabled = false,
+  className = "",
+  children
+}) => {
+  const { openValues, toggle, size, color } = useAccordion();
+  const isOpen = openValues.includes(value);
+  const contentRef = _react.useRef.call(void 0, null);
+  const triggerId = _react.useId.call(void 0, );
+  const panelId = _react.useId.call(void 0, );
+  const [maxHeight, setMaxHeight] = _react.useState.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    if (!contentRef.current) return;
+    setMaxHeight(isOpen ? contentRef.current.scrollHeight : 0);
+  }, [isOpen]);
+  const itemClasses = [
+    "eidos-accordion-item",
+    isOpen && "eidos-accordion-item--open",
+    disabled && "eidos-accordion-item--disabled",
+    className
+  ].filter(Boolean).join(" ");
+  const triggerClasses = [
+    "eidos-accordion-trigger",
+    `eidos-accordion-trigger--${size}`,
+    isOpen && "eidos-accordion-trigger--open",
+    isOpen && `eidos-accordion-trigger--${color}`
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: itemClasses, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "button",
+      {
+        id: triggerId,
+        type: "button",
+        "aria-expanded": isOpen,
+        "aria-controls": panelId,
+        disabled,
+        onClick: () => !disabled && toggle(value),
+        className: triggerClasses,
+        children: [
+          icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-accordion-trigger-icon", children: icon }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-accordion-trigger-label", children: label }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "eidos-accordion-chevron", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        id: panelId,
+        role: "region",
+        "aria-labelledby": triggerId,
+        ref: contentRef,
+        className: "eidos-accordion-content-wrapper",
+        style: { maxHeight: `${maxHeight}px` },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-accordion-content", children })
+      }
+    )
+  ] });
+};
+AccordionItem.displayName = "AccordionItem";
+
+
+
+
+exports.Accordion = Accordion; exports.AccordionItem = AccordionItem;
+//# sourceMappingURL=chunk-2JWY36LD.cjs.map

package/dist/chunk-2JWY36LD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2JWY36LD.cjs","../src/components/Accordion/Accordion.component.tsx"],"names":[],"mappings":"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","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2JWY36LD.cjs","sourcesContent":[null,"import React, { useState, useRef, useContext, useId, useEffect, useCallback } from 'react';\r\nimport { ChevronDown } from 'lucide-react';\r\nimport type { AccordionProps, AccordionItemProps, AccordionContextValue } from './Accordion.types';\r\n\r\n// ============================================================================\r\n// HELPERS\r\n// ============================================================================\r\n\r\n/** Normalise a controlled/default value (string | string[] | undefined) to string[]. */\r\nconst toArray = (v: string | string[] | undefined): string[] =>\r\n  v === undefined ? [] : Array.isArray(v) ? v : [v];\r\n\r\n// ============================================================================\r\n// CONTEXT\r\n// ============================================================================\r\n\r\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\r\n\r\nconst useAccordion = (): AccordionContextValue => {\r\n  const ctx = useContext(AccordionContext);\r\n  if (!ctx) throw new Error('AccordionItem must be used inside <Accordion>');\r\n  return ctx;\r\n};\r\n\r\n// ============================================================================\r\n// ACCORDION - root container; owns open state; provides context\r\n// ============================================================================\r\n\r\nexport const Accordion: React.FC<AccordionProps> = ({\r\n  multiple = false,\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  variant = 'default',\r\n  size = 'md',\r\n  color = 'primary',\r\n  className = '',\r\n  children,\r\n}) => {\r\n  const isControlled = value !== undefined;\r\n\r\n  const [localOpen, setLocalOpen] = useState<string[]>(() => toArray(defaultValue));\r\n  const openValues = isControlled ? toArray(value) : localOpen;\r\n\r\n  const toggle = useCallback(\r\n    (itemValue: string) => {\r\n      const isOpen = openValues.includes(itemValue);\r\n      let next: string[];\r\n\r\n      if (multiple) {\r\n        next = isOpen ? openValues.filter((v) => v !== itemValue) : [...openValues, itemValue];\r\n      } else {\r\n        next = isOpen ? [] : [itemValue];\r\n      }\r\n\r\n      if (!isControlled) setLocalOpen(next);\r\n      onChange?.(multiple ? next : (next[0] ?? ''));\r\n    },\r\n    [openValues, multiple, isControlled, onChange],\r\n  );\r\n\r\n  const rootClasses = ['eidos-accordion', `eidos-accordion--${variant}`, className]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <AccordionContext.Provider value={{ openValues, toggle, variant, size, color }}>\r\n      <div className={rootClasses}>{children}</div>\r\n    </AccordionContext.Provider>\r\n  );\r\n};\r\n\r\nAccordion.displayName = 'Accordion';\r\n\r\n// ============================================================================\r\n// ACCORDION ITEM - individual item; reads context; renders trigger + animated panel\r\n// ============================================================================\r\n\r\nexport const AccordionItem: React.FC<AccordionItemProps> = ({\r\n  value,\r\n  label,\r\n  icon,\r\n  disabled = false,\r\n  className = '',\r\n  children,\r\n}) => {\r\n  const { openValues, toggle, size, color } = useAccordion();\r\n  const isOpen = openValues.includes(value);\r\n  const contentRef = useRef<HTMLDivElement>(null);\r\n  const triggerId = useId();\r\n  const panelId = useId();\r\n\r\n  // Drives the max-height CSS transition.\r\n  // On open: set to scrollHeight so the wrapper animates to its natural height.\r\n  // On close: set to 0 so the wrapper animates shut.\r\n  // The CSS transition on .eidos-accordion-content-wrapper handles the animation.\r\n  const [maxHeight, setMaxHeight] = useState<number>(0);\r\n\r\n  useEffect(() => {\r\n    if (!contentRef.current) return;\r\n    setMaxHeight(isOpen ? contentRef.current.scrollHeight : 0);\r\n  }, [isOpen]);\r\n\r\n  const itemClasses = [\r\n    'eidos-accordion-item',\r\n    isOpen && 'eidos-accordion-item--open',\r\n    disabled && 'eidos-accordion-item--disabled',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const triggerClasses = [\r\n    'eidos-accordion-trigger',\r\n    `eidos-accordion-trigger--${size}`,\r\n    isOpen && 'eidos-accordion-trigger--open',\r\n    isOpen && `eidos-accordion-trigger--${color}`,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <div className={itemClasses}>\r\n      <button\r\n        id={triggerId}\r\n        type=\"button\"\r\n        aria-expanded={isOpen}\r\n        aria-controls={panelId}\r\n        disabled={disabled}\r\n        onClick={() => !disabled && toggle(value)}\r\n        className={triggerClasses}\r\n      >\r\n        {icon && <span className=\"eidos-accordion-trigger-icon\">{icon}</span>}\r\n        <span className=\"eidos-accordion-trigger-label\">{label}</span>\r\n        <ChevronDown className=\"eidos-accordion-chevron\" aria-hidden=\"true\" />\r\n      </button>\r\n\r\n      <div\r\n        id={panelId}\r\n        role=\"region\"\r\n        aria-labelledby={triggerId}\r\n        ref={contentRef}\r\n        className=\"eidos-accordion-content-wrapper\"\r\n        style={{ maxHeight: `${maxHeight}px` }}\r\n      >\r\n        <div className=\"eidos-accordion-content\">{children}</div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nAccordionItem.displayName = 'AccordionItem';\r\n"]}

package/dist/chunk-2YQE26EK.js

@@ -0,0 +1,54 @@
+// src/components/Skeleton/Skeleton.component.tsx
+import { jsx } from "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__ */ jsx(
+      "div",
+      {
+        className: ["eidos-skeleton-text-group", className].filter(Boolean).join(" "),
+        "aria-hidden": "true",
+        children: Array.from({ length: lines }, (_, i) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `eidos-skeleton eidos-skeleton--text eidos-skeleton--${animation}`,
+            style: {
+              width: i === lines - 1 ? "60%" : widthStyle ?? "100%",
+              height: heightStyle
+            }
+          },
+          i
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: [
+        "eidos-skeleton",
+        `eidos-skeleton--${variant}`,
+        `eidos-skeleton--${animation}`,
+        className
+      ].filter(Boolean).join(" "),
+      style: { width: widthStyle, height: heightStyle },
+      "aria-hidden": "true"
+    }
+  );
+};
+
+export {
+  Skeleton
+};
+//# sourceMappingURL=chunk-2YQE26EK.js.map

package/dist/chunk-2YQE26EK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/Skeleton.component.tsx"],"sourcesContent":["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"],"mappings":";AAmCU;AA3BV,SAAS,UAAU,OAAgC;AACjD,SAAO,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AACpD;AAMO,IAAM,WAAoC,CAAC;AAAA,EAChD,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AACF,MAAM;AACJ,QAAM,aAAa,UAAU,SAAY,UAAU,KAAK,IAAI;AAC5D,QAAM,cAAc,WAAW,SAAY,UAAU,MAAM,IAAI;AAG/D,MAAI,YAAY,UAAU,QAAQ,GAAG;AACnC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,CAAC,6BAA6B,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAC5E,eAAY;AAAA,QAEX,gBAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MACjC;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,uDAAuD,SAAS;AAAA,YAC3E,OAAO;AAAA,cACL,OAAO,MAAM,QAAQ,IAAI,QAAS,cAAc;AAAA,cAChD,QAAQ;AAAA,YACV;AAAA;AAAA,UALK;AAAA,QAMP,CACD;AAAA;AAAA,IACH;AAAA,EAEJ;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,mBAAmB,OAAO;AAAA,QAC1B,mBAAmB,SAAS;AAAA,QAC5B;AAAA,MACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,OAAO,EAAE,OAAO,YAAY,QAAQ,YAAY;AAAA,MAChD,eAAY;AAAA;AAAA,EACd;AAEJ;","names":[]}

package/dist/chunk-2ZWBN3LK.cjs

@@ -0,0 +1,92 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Stepper/Stepper.component.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var Stepper = ({
+  steps,
+  activeStep = 0,
+  orientation = "horizontal",
+  color = "primary",
+  showNumbers = true,
+  extendStart = false,
+  extendEnd = false,
+  className = ""
+}) => {
+  const getStatus = (index, explicitStatus) => {
+    if (explicitStatus) return explicitStatus;
+    if (index < activeStep) return "completed";
+    if (index === activeStep) return "active";
+    return "pending";
+  };
+  const isFirstStepCompleted = steps.length > 0 && getStatus(0, steps[0].status) === "completed";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: ["eidos-stepper", `eidos-stepper--${orientation}`, className].filter(Boolean).join(" "),
+      "aria-label": "Progress steps",
+      children: [
+        extendStart && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: [
+              "eidos-stepper-connector",
+              "eidos-stepper-connector--extend",
+              isFirstStepCompleted && `eidos-stepper-connector--${color}`
+            ].filter(Boolean).join(" "),
+            "aria-hidden": "true"
+          }
+        ),
+        steps.map((step, index) => {
+          const status = getStatus(index, step.status);
+          const isLast = index === steps.length - 1 && !extendEnd;
+          const joinsExtendEnd = index === steps.length - 1 && extendEnd;
+          const dotContent = step.icon ? step.icon : status === "completed" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { "aria-hidden": "true" }) : status === "error" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { "aria-hidden": "true" }) : showNumbers ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: index + 1 }) : null;
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: [
+                "eidos-stepper-step",
+                `eidos-stepper-step--${status}`,
+                `eidos-stepper-step--${color}`,
+                !isLast && "eidos-stepper-step--has-connector"
+              ].filter(Boolean).join(" "),
+              "aria-current": status === "active" ? "step" : void 0,
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-stepper-dot-row", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-stepper-dot", "aria-hidden": "true", children: dotContent }),
+                  !isLast && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "div",
+                    {
+                      className: [
+                        "eidos-stepper-connector",
+                        joinsExtendEnd && "eidos-stepper-connector--joins-extend"
+                      ].filter(Boolean).join(" "),
+                      "aria-hidden": "true"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-stepper-label-group", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-stepper-label", children: step.label }),
+                  step.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-stepper-description", children: step.description })
+                ] })
+              ]
+            },
+            index
+          );
+        }),
+        extendEnd && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: "eidos-stepper-connector eidos-stepper-connector--extend",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+Stepper.displayName = "Stepper";
+
+
+
+exports.Stepper = Stepper;
+//# sourceMappingURL=chunk-2ZWBN3LK.cjs.map

package/dist/chunk-2ZWBN3LK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2ZWBN3LK.cjs","../src/components/Stepper/Stepper.component.tsx"],"names":[],"mappings":"AAAA;ACCA,2CAAyB;AA6CjB,+CAAA;AA1CD,IAAM,QAAA,EAAkC,CAAC;AAAA,EAC9C,KAAA;AAAA,EACA,WAAA,EAAa,CAAA;AAAA,EACb,YAAA,EAAc,YAAA;AAAA,EACd,MAAA,EAAQ,SAAA;AAAA,EACR,YAAA,EAAc,IAAA;AAAA,EACd,YAAA,EAAc,KAAA;AAAA,EACd,UAAA,EAAY,KAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,UAAA,EAAY,CAAC,KAAA,EAAe,cAAA,EAAA,GAA4C;AAC5E,IAAA,GAAA,CAAI,cAAA,EAAgB,OAAO,cAAA;AAC3B,IAAA,GAAA,CAAI,MAAA,EAAQ,UAAA,EAAY,OAAO,WAAA;AAC/B,IAAA,GAAA,CAAI,MAAA,IAAU,UAAA,EAAY,OAAO,QAAA;AACjC,IAAA,OAAO,SAAA;AAAA,EACT,CAAA;AAOA,EAAA,MAAM,qBAAA,EAAuB,KAAA,CAAM,OAAA,EAAS,EAAA,GAAK,SAAA,CAAU,CAAA,EAAG,KAAA,CAAM,CAAC,CAAA,CAAE,MAAM,EAAA,IAAM,WAAA;AAEnF,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAC,eAAA,EAAiB,CAAA,eAAA,EAAkB,WAAW,CAAA,CAAA;AAG/C,MAAA;AAYV,MAAA;AACC,QAAA;AAAC,UAAA;AAAA,UAAA;AACY,YAAA;AACT,cAAA;AACA,cAAA;AACwB,cAAA;AAGf,YAAA;AACC,YAAA;AAAA,UAAA;AACd,QAAA;AAE0B,QAAA;AACiB,UAAA;AAKG,UAAA;AAMO,UAAA;AAItC,UAAA;AASb,UAAA;AAAC,YAAA;AAAA,YAAA;AAEY,cAAA;AACT,gBAAA;AAC6B,gBAAA;AACD,gBAAA;AACjB,gBAAA;AAGF,cAAA;AACkC,cAAA;AAG7C,cAAA;AAAe,gCAAA;AACE,kCAAA;AAIb,kBAAA;AAAC,oBAAA;AAAA,oBAAA;AACY,sBAAA;AACT,wBAAA;AACkB,wBAAA;AAGT,sBAAA;AACC,sBAAA;AAAA,oBAAA;AACd,kBAAA;AAEJ,gBAAA;AAGe,gCAAA;AACG,kCAAA;AAEb,kBAAA;AAEL,gBAAA;AAAA,cAAA;AAAA,YAAA;AAnCK,YAAA;AAoCP,UAAA;AAEH,QAAA;AAEC,QAAA;AAAC,UAAA;AAAA,UAAA;AACW,YAAA;AACE,YAAA;AAAA,UAAA;AACd,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEJ;AAEsB;AD7C2C;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2ZWBN3LK.cjs","sourcesContent":[null,"import React from 'react';\r\nimport { Check, X } from 'lucide-react';\r\nimport type { StepperProps, StepStatus } from './Stepper.types';\r\n\r\nexport const Stepper: React.FC<StepperProps> = ({\r\n  steps,\r\n  activeStep = 0,\r\n  orientation = 'horizontal',\r\n  color = 'primary',\r\n  showNumbers = true,\r\n  extendStart = false,\r\n  extendEnd = false,\r\n  className = '',\r\n}) => {\r\n  const getStatus = (index: number, explicitStatus?: StepStatus): StepStatus => {\r\n    if (explicitStatus) return explicitStatus;\r\n    if (index < activeStep) return 'completed';\r\n    if (index === activeStep) return 'active';\r\n    return 'pending';\r\n  };\r\n\r\n  // `extendStart`'s connector has no real preceding step to take its color\r\n  // from, so it mirrors the first step's own status instead - colored only\r\n  // once that step is actually completed. `extendEnd`'s connector *does*\r\n  // have a real preceding step (the last one) and colors via the adjacent-\r\n  // sibling rule in Stepper.scss, same as a between-step connector.\r\n  const isFirstStepCompleted = steps.length > 0 && getStatus(0, steps[0].status) === 'completed';\r\n\r\n  return (\r\n    <div\r\n      className={['eidos-stepper', `eidos-stepper--${orientation}`, className]\r\n        .filter(Boolean)\r\n        .join(' ')}\r\n      aria-label=\"Progress steps\"\r\n    >\r\n      {/*\r\n        `extendStart`/`extendEnd` render as standalone connectors, siblings\r\n        of the steps rather than nested inside one - nesting one inside (say)\r\n        the first step's own dot-row would make it share that step's fixed\r\n        flex slot with its regular trailing connector, silently shrinking\r\n        the real Account-Profile gap to make room. As an extra sibling, it\r\n        gets its own independent share of the row instead, so every existing\r\n        gap shrinks by the same small, uniform amount rather than one\r\n        specific connector taking the whole hit.\r\n      */}\r\n      {extendStart && (\r\n        <div\r\n          className={[\r\n            'eidos-stepper-connector',\r\n            'eidos-stepper-connector--extend',\r\n            isFirstStepCompleted && `eidos-stepper-connector--${color}`,\r\n          ]\r\n            .filter(Boolean)\r\n            .join(' ')}\r\n          aria-hidden=\"true\"\r\n        />\r\n      )}\r\n      {steps.map((step, index) => {\r\n        const status = getStatus(index, step.status);\r\n        // The last step only skips its own trailing connector when there's\r\n        // truly nothing after it - if `extendEnd` adds a connector past it,\r\n        // it needs one too, exactly like every other step, so there's no\r\n        // blank gap between its dot and the extend connector.\r\n        const isLast = index === steps.length - 1 && !extendEnd;\r\n        // That trailing connector and the standalone extend connector right\r\n        // after it both carry the usual margin meant for the gap before a\r\n        // *dot* - stacked together with no dot between them, that reads as\r\n        // an unwanted extra gap. Only the extend connector's own side of\r\n        // that junction is zeroed in Stepper.scss; this is the other side.\r\n        const joinsExtendEnd = index === steps.length - 1 && extendEnd;\r\n\r\n        const dotContent = step.icon ? (\r\n          step.icon\r\n        ) : status === 'completed' ? (\r\n          <Check aria-hidden=\"true\" />\r\n        ) : status === 'error' ? (\r\n          <X aria-hidden=\"true\" />\r\n        ) : showNumbers ? (\r\n          <span>{index + 1}</span>\r\n        ) : null;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            className={[\r\n              'eidos-stepper-step',\r\n              `eidos-stepper-step--${status}`,\r\n              `eidos-stepper-step--${color}`,\r\n              !isLast && 'eidos-stepper-step--has-connector',\r\n            ]\r\n              .filter(Boolean)\r\n              .join(' ')}\r\n            aria-current={status === 'active' ? 'step' : undefined}\r\n          >\r\n            {/* Dot + connector wrapper */}\r\n            <div className=\"eidos-stepper-dot-row\">\r\n              <div className=\"eidos-stepper-dot\" aria-hidden=\"true\">\r\n                {dotContent}\r\n              </div>\r\n              {!isLast && (\r\n                <div\r\n                  className={[\r\n                    'eidos-stepper-connector',\r\n                    joinsExtendEnd && 'eidos-stepper-connector--joins-extend',\r\n                  ]\r\n                    .filter(Boolean)\r\n                    .join(' ')}\r\n                  aria-hidden=\"true\"\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            {/* Labels */}\r\n            <div className=\"eidos-stepper-label-group\">\r\n              <span className=\"eidos-stepper-label\">{step.label}</span>\r\n              {step.description && (\r\n                <span className=\"eidos-stepper-description\">{step.description}</span>\r\n              )}\r\n            </div>\r\n          </div>\r\n        );\r\n      })}\r\n      {extendEnd && (\r\n        <div\r\n          className=\"eidos-stepper-connector eidos-stepper-connector--extend\"\r\n          aria-hidden=\"true\"\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepper.displayName = 'Stepper';\r\n"]}

package/dist/chunk-3ETWFS2N.cjs

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Badge/Badge.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Badge = ({
+  children,
+  content,
+  color = "primary",
+  max,
+  dot = false,
+  showZero = false,
+  overlap = "rectangular",
+  placement = "top-right",
+  invisible = false,
+  className = ""
+}) => {
+  const hasContent = content !== void 0 && content !== null && content !== "";
+  const isZero = content === 0;
+  const isHidden = invisible || !dot && !hasContent || !dot && isZero && !showZero;
+  let displayContent = content;
+  if (typeof content === "number" && max !== void 0 && content > max) {
+    displayContent = `${max}+`;
+  }
+  const badgeClasses = [
+    "eidos-badge",
+    `eidos-badge--${color}`,
+    `eidos-badge--${overlap}`,
+    `eidos-badge--${placement}`,
+    dot && "eidos-badge--dot",
+    isHidden && "eidos-badge--hidden",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-badge-wrapper", children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: badgeClasses, children: !dot && displayContent })
+  ] });
+};
+
+
+
+exports.Badge = Badge;
+//# sourceMappingURL=chunk-3ETWFS2N.cjs.map

package/dist/chunk-3ETWFS2N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-3ETWFS2N.cjs","../src/components/Badge/Badge.component.tsx"],"names":[],"mappings":"AAAA;ACsCI,+CAAA;AAlCG,IAAM,MAAA,EAA8B,CAAC;AAAA,EAC1C,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA,EAAQ,SAAA;AAAA,EACR,GAAA;AAAA,EACA,IAAA,EAAM,KAAA;AAAA,EACN,SAAA,EAAW,KAAA;AAAA,EACX,QAAA,EAAU,aAAA;AAAA,EACV,UAAA,EAAY,WAAA;AAAA,EACZ,UAAA,EAAY,KAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,WAAA,EAAa,QAAA,IAAY,KAAA,EAAA,GAAa,QAAA,IAAY,KAAA,GAAQ,QAAA,IAAY,EAAA;AAC5E,EAAA,MAAM,OAAA,EAAS,QAAA,IAAY,CAAA;AAC3B,EAAA,MAAM,SAAA,EAAW,UAAA,GAAc,CAAC,IAAA,GAAO,CAAC,WAAA,GAAgB,CAAC,IAAA,GAAO,OAAA,GAAU,CAAC,QAAA;AAE3E,EAAA,IAAI,eAAA,EAAkC,OAAA;AACtC,EAAA,GAAA,CAAI,OAAO,QAAA,IAAY,SAAA,GAAY,IAAA,IAAQ,KAAA,EAAA,GAAa,QAAA,EAAU,GAAA,EAAK;AACrE,IAAA,eAAA,EAAiB,CAAA,EAAA;AACnB,EAAA;AAEM,EAAA;AACJ,IAAA;AACgB,IAAA;AACA,IAAA;AACA,IAAA;AACT,IAAA;AACK,IAAA;AACZ,IAAA;AAGC,EAAA;AAGD,EAAA;AACG,IAAA;AACD,oBAAA;AACF,EAAA;AAEJ;ADRsB;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-3ETWFS2N.cjs","sourcesContent":[null,"import React from 'react';\nimport type { BadgeProps } from './Badge.types';\nimport './Badge.scss';\n\nexport const Badge: React.FC<BadgeProps> = ({\n  children,\n  content,\n  color = 'primary',\n  max,\n  dot = false,\n  showZero = false,\n  overlap = 'rectangular',\n  placement = 'top-right',\n  invisible = false,\n  className = '',\n}) => {\n  const hasContent = content !== undefined && content !== null && content !== '';\n  const isZero = content === 0;\n  const isHidden = invisible || (!dot && !hasContent) || (!dot && isZero && !showZero);\n\n  let displayContent: React.ReactNode = content;\n  if (typeof content === 'number' && max !== undefined && content > max) {\n    displayContent = `${max}+`;\n  }\n\n  const badgeClasses = [\n    'eidos-badge',\n    `eidos-badge--${color}`,\n    `eidos-badge--${overlap}`,\n    `eidos-badge--${placement}`,\n    dot && 'eidos-badge--dot',\n    isHidden && 'eidos-badge--hidden',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span className=\"eidos-badge-wrapper\">\n      {children}\n      <span className={badgeClasses}>{!dot && displayContent}</span>\n    </span>\n  );\n};\n"]}

package/dist/chunk-3KAR5KCS.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkPEPYVWGYcjs = require('./chunk-PEPYVWGY.cjs');
+
+
+var _chunkBFYSYUA6cjs = require('./chunk-BFYSYUA6.cjs');
+
+
+var _chunkR5UNLPQZcjs = require('./chunk-R5UNLPQZ.cjs');
+
+
+var _chunkVLC2OZV3cjs = require('./chunk-VLC2OZV3.cjs');
+
+
+var _chunkLTOHGCU4cjs = require('./chunk-LTOHGCU4.cjs');
+
+// src/components/Toolbar/Toolbar.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Toolbar = ({
+  breadcrumbs,
+  actions,
+  userMenu,
+  cmdPaletteItems,
+  className = ""
+}) => {
+  const classes = ["eidos-toolbar", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: classes, children: [
+    breadcrumbs && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVLC2OZV3cjs.Breadcrumb, { ...breadcrumbs }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-toolbar__content", children: [
+      cmdPaletteItems && cmdPaletteItems.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPEPYVWGYcjs.CommandPalette, { trigger: true, triggerLabel: "Search", items: cmdPaletteItems }),
+      actions && actions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-toolbar__actions", children: actions.map((action, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTOHGCU4cjs.IconButton, { variant: "text", size: "sm", ...action }, index)) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkBFYSYUA6cjs.Menu,
+        {
+          trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR5UNLPQZcjs.Avatar, { name: "John Doe", size: "sm", color: "primary" }),
+          items: userMenu,
+          minWidth: 220
+        }
+      )
+    ] })
+  ] });
+};
+
+
+
+exports.Toolbar = Toolbar;
+//# sourceMappingURL=chunk-3KAR5KCS.cjs.map

package/dist/chunk-3KAR5KCS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-3KAR5KCS.cjs","../src/components/Toolbar/Toolbar.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACIsB,+CAAA;AAXf,IAAM,QAAA,EAAkC,CAAC;AAAA,EAC9C,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,QAAA,EAAU,CAAC,eAAA,EAAiB,SAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAErE,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,OAAA,EACb,QAAA,EAAA;AAAA,IAAA,YAAA,mBAAe,6BAAA,4BAAC,EAAA,EAAY,GAAG,YAAA,CAAa,CAAA;AAAA,oBAC7C,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,gBAAA,GAAmB,eAAA,CAAgB,OAAA,EAAS,EAAA,mBAC3C,6BAAA,gCAAC,EAAA,EAAe,OAAA,EAAO,IAAA,EAAC,YAAA,EAAa,QAAA,EAAS,KAAA,EAAO,gBAAA,CAAiB,CAAA;AAAA,MAEvE,QAAA,GAAW,OAAA,CAAQ,OAAA,EAAS,EAAA,mBAC3B,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAA,EAAA,mBACpB,6BAAA,4BAAC,EAAA,EAAuB,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,IAAA,EAAM,GAAG,OAAA,CAAA,EAApC,KAA4C,CAC9D,EAAA,CACH,CAAA;AAAA,sBAEF,6BAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBAAS,6BAAA,wBAAC,EAAA,EAAO,IAAA,EAAK,UAAA,EAAW,IAAA,EAAK,IAAA,EAAK,KAAA,EAAM,UAAA,CAAU,CAAA;AAAA,UAC3D,KAAA,EAAO,QAAA;AAAA,UACP,QAAA,EAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAA;ADEA;AACA;AACE;AACF,0BAAC","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-3KAR5KCS.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { ToolbarProps } from './Toolbar.types';\r\nimport './Toolbar.scss';\r\nimport { IconButton } from '../Button';\r\nimport { Breadcrumb } from '../Breadcrumb';\r\nimport { Avatar } from '../Avatar';\r\nimport { Menu } from '../Menu';\r\nimport { CommandPalette } from '../CommandPalette';\r\n\r\nexport const Toolbar: React.FC<ToolbarProps> = ({\r\n  breadcrumbs,\r\n  actions,\r\n  userMenu,\r\n  cmdPaletteItems,\r\n  className = '',\r\n}) => {\r\n  const classes = ['eidos-toolbar', className].filter(Boolean).join(' ');\r\n\r\n  return (\r\n    <div className={classes}>\r\n      {breadcrumbs && <Breadcrumb {...breadcrumbs} />}\r\n      <div className=\"eidos-toolbar__content\">\r\n        {cmdPaletteItems && cmdPaletteItems.length > 0 && (\r\n          <CommandPalette trigger triggerLabel=\"Search\" items={cmdPaletteItems} />\r\n        )}\r\n        {actions && actions.length > 0 && (\r\n          <div className=\"eidos-toolbar__actions\">\r\n            {actions.map((action, index) => (\r\n              <IconButton key={index} variant=\"text\" size=\"sm\" {...action} />\r\n            ))}\r\n          </div>\r\n        )}\r\n        <Menu\r\n          trigger={<Avatar name=\"John Doe\" size=\"sm\" color=\"primary\" />}\r\n          items={userMenu}\r\n          minWidth={220}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/chunk-3RUIKBH4.cjs

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

package/dist/chunk-3RUIKBH4.cjs.map

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

package/dist/chunk-3SKI6FXB.js

@@ -0,0 +1,40 @@
+// src/components/Badge/Badge.component.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Badge = ({
+  children,
+  content,
+  color = "primary",
+  max,
+  dot = false,
+  showZero = false,
+  overlap = "rectangular",
+  placement = "top-right",
+  invisible = false,
+  className = ""
+}) => {
+  const hasContent = content !== void 0 && content !== null && content !== "";
+  const isZero = content === 0;
+  const isHidden = invisible || !dot && !hasContent || !dot && isZero && !showZero;
+  let displayContent = content;
+  if (typeof content === "number" && max !== void 0 && content > max) {
+    displayContent = `${max}+`;
+  }
+  const badgeClasses = [
+    "eidos-badge",
+    `eidos-badge--${color}`,
+    `eidos-badge--${overlap}`,
+    `eidos-badge--${placement}`,
+    dot && "eidos-badge--dot",
+    isHidden && "eidos-badge--hidden",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("span", { className: "eidos-badge-wrapper", children: [
+    children,
+    /* @__PURE__ */ jsx("span", { className: badgeClasses, children: !dot && displayContent })
+  ] });
+};
+
+export {
+  Badge
+};
+//# sourceMappingURL=chunk-3SKI6FXB.js.map

package/dist/chunk-3SKI6FXB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.component.tsx"],"sourcesContent":["import React from 'react';\nimport type { BadgeProps } from './Badge.types';\nimport './Badge.scss';\n\nexport const Badge: React.FC<BadgeProps> = ({\n  children,\n  content,\n  color = 'primary',\n  max,\n  dot = false,\n  showZero = false,\n  overlap = 'rectangular',\n  placement = 'top-right',\n  invisible = false,\n  className = '',\n}) => {\n  const hasContent = content !== undefined && content !== null && content !== '';\n  const isZero = content === 0;\n  const isHidden = invisible || (!dot && !hasContent) || (!dot && isZero && !showZero);\n\n  let displayContent: React.ReactNode = content;\n  if (typeof content === 'number' && max !== undefined && content > max) {\n    displayContent = `${max}+`;\n  }\n\n  const badgeClasses = [\n    'eidos-badge',\n    `eidos-badge--${color}`,\n    `eidos-badge--${overlap}`,\n    `eidos-badge--${placement}`,\n    dot && 'eidos-badge--dot',\n    isHidden && 'eidos-badge--hidden',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <span className=\"eidos-badge-wrapper\">\n      {children}\n      <span className={badgeClasses}>{!dot && displayContent}</span>\n    </span>\n  );\n};\n"],"mappings":";AAsCI,SAEE,KAFF;AAlCG,IAAM,QAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AACd,MAAM;AACJ,QAAM,aAAa,YAAY,UAAa,YAAY,QAAQ,YAAY;AAC5E,QAAM,SAAS,YAAY;AAC3B,QAAM,WAAW,aAAc,CAAC,OAAO,CAAC,cAAgB,CAAC,OAAO,UAAU,CAAC;AAE3E,MAAI,iBAAkC;AACtC,MAAI,OAAO,YAAY,YAAY,QAAQ,UAAa,UAAU,KAAK;AACrE,qBAAiB,GAAG,GAAG;AAAA,EACzB;AAEA,QAAM,eAAe;AAAA,IACnB;AAAA,IACA,gBAAgB,KAAK;AAAA,IACrB,gBAAgB,OAAO;AAAA,IACvB,gBAAgB,SAAS;AAAA,IACzB,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,qBAAC,UAAK,WAAU,uBACb;AAAA;AAAA,IACD,oBAAC,UAAK,WAAW,cAAe,WAAC,OAAO,gBAAe;AAAA,KACzD;AAEJ;","names":[]}