eidos-ui 0.1.0

package/dist/chunk-DFADZZ3K.js

@@ -0,0 +1,126 @@
+import {
+  renderIcon
+} from "./chunk-XSGUFMT4.js";
+import {
+  Tooltip
+} from "./chunk-H523JFY2.js";
+
+// src/components/Textarea/Textarea.component.tsx
+import { forwardRef, useState, useId } from "react";
+import { CircleAlert } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Textarea = forwardRef(
+  ({
+    variant = "filled",
+    color = "primary",
+    size = "md",
+    disabled = false,
+    loading = false,
+    className = "",
+    fullWidth = false,
+    label,
+    error,
+    disclaimerIcon,
+    disclaimerContent,
+    required,
+    rows = 4,
+    resize = "vertical",
+    showCount = false,
+    maxLength,
+    id,
+    ...textareaProps
+  }, ref) => {
+    const generatedId = useId();
+    const textareaId = id || `textarea-${generatedId}`;
+    const { defaultValue, ...restTextareaProps } = textareaProps;
+    const isControlled = restTextareaProps.value !== void 0;
+    const [localValue, setLocalValue] = useState(defaultValue != null ? String(defaultValue) : "");
+    const [isFocused, setIsFocused] = useState(false);
+    const currentValue = isControlled ? restTextareaProps.value : localValue;
+    const shouldFloatLabel = Boolean(currentValue) || Boolean(defaultValue);
+    const isRequired = required || Boolean("required" in restTextareaProps && restTextareaProps.required);
+    const handleChange = (e) => {
+      if (!isControlled) {
+        setLocalValue(e.target.value);
+      }
+      restTextareaProps.onChange?.(e);
+    };
+    const containerClasses = [
+      "eidos-textarea-container",
+      fullWidth && "eidos-textarea-container--fullWidth",
+      className
+    ].filter(Boolean).join(" ");
+    const wrapperClasses = [
+      "eidos-textarea-wrapper",
+      `eidos-textarea-wrapper--${variant}`,
+      `eidos-textarea-wrapper--${color}`,
+      `eidos-textarea-wrapper--${size}`,
+      fullWidth && "eidos-textarea-wrapper--fullWidth",
+      loading && "eidos-textarea-wrapper--loading",
+      isFocused && "eidos-textarea-wrapper--focused",
+      error && "eidos-textarea-wrapper--error"
+    ].filter(Boolean).join(" ");
+    const textareaClasses = [
+      "eidos-textarea",
+      `eidos-textarea--${variant}`,
+      `eidos-textarea--${color}`,
+      `eidos-textarea--${size}`,
+      `eidos-textarea--resize-${resize}`,
+      fullWidth && "eidos-textarea--fullWidth",
+      loading && "eidos-textarea--loading",
+      error && "eidos-textarea--error"
+    ].filter(Boolean).join(" ");
+    const labelClasses = [
+      "eidos-textarea-label",
+      shouldFloatLabel && "eidos-textarea-label--floating",
+      disclaimerIcon && "eidos-textarea-label--with-icon",
+      error && "eidos-textarea-label--error"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxs("div", { className: containerClasses, children: [
+      label && /* @__PURE__ */ jsxs("label", { htmlFor: textareaId, className: labelClasses, children: [
+        /* @__PURE__ */ jsx("span", { className: "eidos-textarea-label-text", children: label }),
+        isRequired && /* @__PURE__ */ jsx("span", { className: "eidos-textarea-required-asterisk", children: "*" }),
+        disclaimerIcon && (disclaimerContent ? /* @__PURE__ */ jsx(Tooltip, { message: disclaimerContent, children: /* @__PURE__ */ jsx("span", { className: "eidos-textarea-disclaimer-icon", children: renderIcon(disclaimerIcon, "eidos-textarea-disclaimer-icon-svg") }) }) : /* @__PURE__ */ jsx("span", { className: "eidos-textarea-disclaimer-icon", children: renderIcon(disclaimerIcon, "eidos-textarea-disclaimer-icon-svg") }))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            ref,
+            id: textareaId,
+            className: textareaClasses,
+            rows,
+            maxLength,
+            disabled: disabled || loading,
+            ...restTextareaProps,
+            value: currentValue,
+            onFocus: (e) => {
+              setIsFocused(true);
+              restTextareaProps.onFocus?.(e);
+            },
+            onBlur: (e) => {
+              setIsFocused(false);
+              restTextareaProps.onBlur?.(e);
+            },
+            onChange: handleChange
+          }
+        ),
+        showCount && maxLength && /* @__PURE__ */ jsxs("span", { className: "eidos-textarea-count", children: [
+          String(currentValue ?? "").length,
+          "/",
+          maxLength
+        ] })
+      ] }),
+      error && /* @__PURE__ */ jsxs("div", { className: "eidos-textarea-error-message", children: [
+        /* @__PURE__ */ jsx(CircleAlert, { className: "eidos-textarea-error-icon" }),
+        /* @__PURE__ */ jsx("span", { children: error })
+      ] })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+export {
+  Textarea
+};
+//# sourceMappingURL=chunk-DFADZZ3K.js.map

package/dist/chunk-DFADZZ3K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Textarea/Textarea.component.tsx"],"sourcesContent":["import React, { forwardRef, useState, useId } from 'react';\r\nimport { CircleAlert } from 'lucide-react';\r\nimport { renderIcon } from '../../utils';\r\nimport type { TextareaProps } from './Textarea.types';\r\nimport { Tooltip } from '../Tooltip/Tooltip.component';\r\n\r\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n  (\r\n    {\r\n      variant = 'filled',\r\n      color = 'primary',\r\n      size = 'md',\r\n      disabled = false,\r\n      loading = false,\r\n      className = '',\r\n      fullWidth = false,\r\n      label,\r\n      error,\r\n      disclaimerIcon,\r\n      disclaimerContent,\r\n      required,\r\n      rows = 4,\r\n      resize = 'vertical',\r\n      showCount = false,\r\n      maxLength,\r\n      id,\r\n      ...textareaProps\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const textareaId = id || `textarea-${generatedId}`;\r\n\r\n    // Extract defaultValue so it never reaches the native <textarea> alongside `value`.\r\n    // Same reasoning as Input: we always set value={currentValue}, so having defaultValue\r\n    // in the spread as well triggers React's controlled/uncontrolled warning.\r\n    const { defaultValue, ...restTextareaProps } = textareaProps;\r\n\r\n    // Determine if using controlled or uncontrolled mode\r\n    const isControlled = restTextareaProps.value !== undefined;\r\n    const [localValue, setLocalValue] = useState(defaultValue != null ? String(defaultValue) : '');\r\n    const [isFocused, setIsFocused] = useState(false);\r\n\r\n    const currentValue = isControlled ? restTextareaProps.value : localValue;\r\n\r\n    // Label floats when the field has content (same logic as Input)\r\n    const shouldFloatLabel = Boolean(currentValue) || Boolean(defaultValue);\r\n\r\n    const isRequired =\r\n      required || Boolean('required' in restTextareaProps && restTextareaProps.required);\r\n\r\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\r\n      if (!isControlled) {\r\n        setLocalValue(e.target.value);\r\n      }\r\n      restTextareaProps.onChange?.(e);\r\n    };\r\n\r\n    // ── Class lists ──────────────────────────────────────────────────────────\r\n\r\n    const containerClasses = [\r\n      'eidos-textarea-container',\r\n      fullWidth && 'eidos-textarea-container--fullWidth',\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const wrapperClasses = [\r\n      'eidos-textarea-wrapper',\r\n      `eidos-textarea-wrapper--${variant}`,\r\n      `eidos-textarea-wrapper--${color}`,\r\n      `eidos-textarea-wrapper--${size}`,\r\n      fullWidth && 'eidos-textarea-wrapper--fullWidth',\r\n      loading && 'eidos-textarea-wrapper--loading',\r\n      isFocused && 'eidos-textarea-wrapper--focused',\r\n      error && 'eidos-textarea-wrapper--error',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const textareaClasses = [\r\n      'eidos-textarea',\r\n      `eidos-textarea--${variant}`,\r\n      `eidos-textarea--${color}`,\r\n      `eidos-textarea--${size}`,\r\n      `eidos-textarea--resize-${resize}`,\r\n      fullWidth && 'eidos-textarea--fullWidth',\r\n      loading && 'eidos-textarea--loading',\r\n      error && 'eidos-textarea--error',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const labelClasses = [\r\n      'eidos-textarea-label',\r\n      shouldFloatLabel && 'eidos-textarea-label--floating',\r\n      disclaimerIcon && 'eidos-textarea-label--with-icon',\r\n      error && 'eidos-textarea-label--error',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <div className={containerClasses}>\r\n        {label && (\r\n          <label htmlFor={textareaId} className={labelClasses}>\r\n            <span className=\"eidos-textarea-label-text\">{label}</span>\r\n            {isRequired && <span className=\"eidos-textarea-required-asterisk\">*</span>}\r\n            {disclaimerIcon &&\r\n              (disclaimerContent ? (\r\n                <Tooltip message={disclaimerContent}>\r\n                  <span className=\"eidos-textarea-disclaimer-icon\">\r\n                    {renderIcon(disclaimerIcon, 'eidos-textarea-disclaimer-icon-svg')}\r\n                  </span>\r\n                </Tooltip>\r\n              ) : (\r\n                <span className=\"eidos-textarea-disclaimer-icon\">\r\n                  {renderIcon(disclaimerIcon, 'eidos-textarea-disclaimer-icon-svg')}\r\n                </span>\r\n              ))}\r\n          </label>\r\n        )}\r\n\r\n        <div className={wrapperClasses}>\r\n          <textarea\r\n            ref={ref}\r\n            id={textareaId}\r\n            className={textareaClasses}\r\n            rows={rows}\r\n            maxLength={maxLength}\r\n            disabled={disabled || loading}\r\n            {...restTextareaProps}\r\n            value={currentValue}\r\n            onFocus={(e) => {\r\n              setIsFocused(true);\r\n              restTextareaProps.onFocus?.(e);\r\n            }}\r\n            onBlur={(e) => {\r\n              setIsFocused(false);\r\n              restTextareaProps.onBlur?.(e);\r\n            }}\r\n            onChange={handleChange}\r\n          />\r\n\r\n          {showCount && maxLength && (\r\n            <span className=\"eidos-textarea-count\">\r\n              {String(currentValue ?? '').length}/{maxLength}\r\n            </span>\r\n          )}\r\n        </div>\r\n\r\n        {error && (\r\n          <div className=\"eidos-textarea-error-message\">\r\n            <CircleAlert className=\"eidos-textarea-error-icon\" />\r\n            <span>{error}</span>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nTextarea.displayName = 'Textarea';\r\n"],"mappings":"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","names":[]}

package/dist/chunk-DI2VKKLW.js

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

package/dist/chunk-DI2VKKLW.js.map

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

package/dist/chunk-DK4S3EHG.js

@@ -0,0 +1,29 @@
+// src/components/EmptyState/EmptyState.component.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var EmptyState = ({
+  icon,
+  title,
+  description,
+  action,
+  size = "md",
+  className = ""
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    className: ["eidos-empty-state", `eidos-empty-state--${size}`, className].filter(Boolean).join(" "),
+    children: [
+      icon && /* @__PURE__ */ jsx("div", { className: "eidos-empty-state-icon", children: icon }),
+      /* @__PURE__ */ jsxs("div", { className: "eidos-empty-state-content", children: [
+        /* @__PURE__ */ jsx("h3", { className: "eidos-empty-state-title", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "eidos-empty-state-description", children: description })
+      ] }),
+      action && /* @__PURE__ */ jsx("div", { className: "eidos-empty-state-action", children: action })
+    ]
+  }
+);
+EmptyState.displayName = "EmptyState";
+
+export {
+  EmptyState
+};
+//# sourceMappingURL=chunk-DK4S3EHG.js.map

package/dist/chunk-DK4S3EHG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/EmptyState/EmptyState.component.tsx"],"sourcesContent":["import React from 'react';\r\nimport type { EmptyStateProps } from './EmptyState.types';\r\n\r\nexport const EmptyState: React.FC<EmptyStateProps> = ({\r\n  icon,\r\n  title,\r\n  description,\r\n  action,\r\n  size = 'md',\r\n  className = '',\r\n}) => (\r\n  <div\r\n    className={['eidos-empty-state', `eidos-empty-state--${size}`, className]\r\n      .filter(Boolean)\r\n      .join(' ')}\r\n  >\r\n    {icon && <div className=\"eidos-empty-state-icon\">{icon}</div>}\r\n\r\n    <div className=\"eidos-empty-state-content\">\r\n      <h3 className=\"eidos-empty-state-title\">{title}</h3>\r\n      {description && <p className=\"eidos-empty-state-description\">{description}</p>}\r\n    </div>\r\n\r\n    {action && <div className=\"eidos-empty-state-action\">{action}</div>}\r\n  </div>\r\n);\r\n\r\nEmptyState.displayName = 'EmptyState';\r\n"],"mappings":";AAgBa,cAET,YAFS;AAbN,IAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC,WAAW,CAAC,qBAAqB,sBAAsB,IAAI,IAAI,SAAS,EACrE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IAEV;AAAA,cAAQ,oBAAC,SAAI,WAAU,0BAA0B,gBAAK;AAAA,MAEvD,qBAAC,SAAI,WAAU,6BACb;AAAA,4BAAC,QAAG,WAAU,2BAA2B,iBAAM;AAAA,QAC9C,eAAe,oBAAC,OAAE,WAAU,iCAAiC,uBAAY;AAAA,SAC5E;AAAA,MAEC,UAAU,oBAAC,SAAI,WAAU,4BAA4B,kBAAO;AAAA;AAAA;AAC/D;AAGF,WAAW,cAAc;","names":[]}

package/dist/chunk-DZUJEN5N.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+
+
+
+exports.__commonJS = __commonJS; exports.__toESM = __toESM;
+//# sourceMappingURL=chunk-DZUJEN5N.cjs.map

package/dist/chunk-DZUJEN5N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-DZUJEN5N.cjs"],"names":[],"mappings":"AAAA,6EAAI,SAAS,EAAE,MAAM,CAAC,MAAM;AAC5B,IAAI,UAAU,EAAE,MAAM,CAAC,cAAc;AACrC,IAAI,iBAAiB,EAAE,MAAM,CAAC,wBAAwB;AACtD,IAAI,kBAAkB,EAAE,MAAM,CAAC,mBAAmB;AAClD,IAAI,aAAa,EAAE,MAAM,CAAC,cAAc;AACxC,IAAI,aAAa,EAAE,MAAM,CAAC,SAAS,CAAC,cAAc;AAClD,IAAI,WAAW,EAAE,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,SAAS,SAAS,CAAC,EAAE;AACnD,EAAE,OAAO,IAAI,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO;AACpG,CAAC;AACD,IAAI,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG;AAC9C,EAAE,GAAG,CAAC,KAAK,GAAG,OAAO,KAAK,IAAI,SAAS,GAAG,OAAO,KAAK,IAAI,UAAU,EAAE;AACtE,IAAI,IAAI,CAAC,IAAI,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC;AAC3C,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,MAAM;AACvD,QAAQ,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;AAC1H,EAAE;AACF,EAAE,OAAO,EAAE;AACX,CAAC;AACD,IAAI,QAAQ,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,OAAO,EAAE,IAAI,GAAG,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW;AAChH;AACA;AACA;AACA;AACA,EAAE,WAAW,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM;AACjH,EAAE;AACF,CAAC,CAAC;AACF;AACA;AACE;AACA;AACF,2DAAC","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-DZUJEN5N.cjs"}

package/dist/chunk-E2B33QB7.js

@@ -0,0 +1,97 @@
+import {
+  MenuPanel
+} from "./chunk-O6B4KB4D.js";
+import {
+  Dropdown
+} from "./chunk-SXF3TCYA.js";
+import {
+  renderIcon
+} from "./chunk-XSGUFMT4.js";
+
+// src/components/SplitButton/SplitButton.component.tsx
+import { useCallback } from "react";
+import { ChevronDown, LoaderCircle } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SplitButton = ({
+  label,
+  onClick,
+  options,
+  variant = "filled",
+  color = "primary",
+  size = "md",
+  disabled = false,
+  loading = false,
+  preIcon,
+  className = ""
+}) => {
+  const menuItems = options.map((opt) => ({
+    type: "item",
+    id: opt.id,
+    label: opt.label,
+    icon: opt.icon,
+    disabled: opt.disabled,
+    onClick: opt.onClick
+  }));
+  const handleItemClick = useCallback(() => {
+    setTimeout(() => {
+      document.dispatchEvent(
+        new MouseEvent("mousedown", { bubbles: true, cancelable: true, view: window })
+      );
+    }, 10);
+  }, []);
+  const baseClass = `eidos-button eidos-button--${variant} eidos-button--${color} eidos-button--${size}`;
+  const disabledOrLoading = disabled || loading;
+  const chevronTrigger = /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: `${baseClass} eidos-split-button__chevron`,
+      disabled: disabledOrLoading,
+      "aria-label": "More options",
+      children: /* @__PURE__ */ jsx(ChevronDown, { className: "eidos-split-button__chevron-icon", "aria-hidden": "true" })
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: [
+        "eidos-split-button",
+        `eidos-split-button--${variant}`,
+        `eidos-split-button--${color}`,
+        `eidos-split-button--${size}`,
+        disabledOrLoading && "eidos-split-button--disabled",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: `${baseClass} eidos-split-button__primary`,
+            disabled: disabledOrLoading,
+            onClick,
+            children: [
+              loading ? /* @__PURE__ */ jsx(LoaderCircle, { className: "eidos-split-button__spinner", "aria-hidden": "true" }) : preIcon && renderIcon(preIcon, "eidos-split-button__pre-icon"),
+              /* @__PURE__ */ jsx("span", { className: "eidos-split-button__label", children: label })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Dropdown,
+          {
+            trigger: chevronTrigger,
+            content: /* @__PURE__ */ jsx(MenuPanel, { items: menuItems, onItemClick: handleItemClick }),
+            placement: "bottom",
+            align: "end",
+            disabled: disabledOrLoading
+          }
+        )
+      ]
+    }
+  );
+};
+
+export {
+  SplitButton
+};
+//# sourceMappingURL=chunk-E2B33QB7.js.map

package/dist/chunk-E2B33QB7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SplitButton/SplitButton.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\r\nimport { ChevronDown, LoaderCircle } from 'lucide-react';\r\nimport { Dropdown } from '../Dropdown/Dropdown.component';\r\nimport { MenuPanel } from '../Menu';\r\nimport type { MenuItem } from '../Menu';\r\nimport { renderIcon } from '../../utils';\r\nimport type { SplitButtonProps } from './SplitButton.types';\r\n\r\n/**\r\n * SplitButton - a two-part control with a primary action button on the left\r\n * and a chevron that opens a dropdown of secondary actions on the right.\r\n *\r\n * The primary button fires `onClick` directly; clicking the chevron opens the\r\n * dropdown. Visually the two parts share a single bordered unit.\r\n *\r\n * @example\r\n * ```tsx\r\n * <SplitButton\r\n *   label=\"Save\"\r\n *   onClick={() => save()}\r\n *   options={[\r\n *     { id: 'draft',    label: 'Save as draft',    onClick: saveDraft },\r\n *     { id: 'template', label: 'Save as template', onClick: saveTemplate },\r\n *   ]}\r\n * />\r\n * ```\r\n */\r\nexport const SplitButton: React.FC<SplitButtonProps> = ({\r\n  label,\r\n  onClick,\r\n  options,\r\n  variant = 'filled',\r\n  color = 'primary',\r\n  size = 'md',\r\n  disabled = false,\r\n  loading = false,\r\n  preIcon,\r\n  className = '',\r\n}) => {\r\n  // Convert SplitButtonOption → MenuItemType so MenuPanel can render them.\r\n  const menuItems: MenuItem[] = options.map((opt) => ({\r\n    type: 'item' as const,\r\n    id: opt.id,\r\n    label: opt.label,\r\n    icon: opt.icon,\r\n    disabled: opt.disabled,\r\n    onClick: opt.onClick,\r\n  }));\r\n\r\n  const handleItemClick = useCallback(() => {\r\n    // Close the dropdown by dispatching a mousedown outside it.\r\n    setTimeout(() => {\r\n      document.dispatchEvent(\r\n        new MouseEvent('mousedown', { bubbles: true, cancelable: true, view: window }),\r\n      );\r\n    }, 10);\r\n  }, []);\r\n\r\n  const baseClass = `eidos-button eidos-button--${variant} eidos-button--${color} eidos-button--${size}`;\r\n  const disabledOrLoading = disabled || loading;\r\n\r\n  const chevronTrigger = (\r\n    <button\r\n      type=\"button\"\r\n      className={`${baseClass} eidos-split-button__chevron`}\r\n      disabled={disabledOrLoading}\r\n      aria-label=\"More options\"\r\n    >\r\n      <ChevronDown className=\"eidos-split-button__chevron-icon\" aria-hidden=\"true\" />\r\n    </button>\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={[\r\n        'eidos-split-button',\r\n        `eidos-split-button--${variant}`,\r\n        `eidos-split-button--${color}`,\r\n        `eidos-split-button--${size}`,\r\n        disabledOrLoading && 'eidos-split-button--disabled',\r\n        className,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(' ')}\r\n    >\r\n      {/* Primary action */}\r\n      <button\r\n        type=\"button\"\r\n        className={`${baseClass} eidos-split-button__primary`}\r\n        disabled={disabledOrLoading}\r\n        onClick={onClick}\r\n      >\r\n        {loading ? (\r\n          <LoaderCircle className=\"eidos-split-button__spinner\" aria-hidden=\"true\" />\r\n        ) : (\r\n          preIcon && renderIcon(preIcon, 'eidos-split-button__pre-icon')\r\n        )}\r\n        <span className=\"eidos-split-button__label\">{label}</span>\r\n      </button>\r\n\r\n      {/* Secondary actions dropdown */}\r\n      <Dropdown\r\n        trigger={chevronTrigger}\r\n        content={<MenuPanel items={menuItems} onItemClick={handleItemClick} />}\r\n        placement=\"bottom\"\r\n        align=\"end\"\r\n        disabled={disabledOrLoading}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;;AAAA,SAAgB,mBAAmB;AACnC,SAAS,aAAa,oBAAoB;AAmEpC,cAkBA,YAlBA;AAzCC,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,YAAY;AACd,MAAM;AAEJ,QAAM,YAAwB,QAAQ,IAAI,CAAC,SAAS;AAAA,IAClD,MAAM;AAAA,IACN,IAAI,IAAI;AAAA,IACR,OAAO,IAAI;AAAA,IACX,MAAM,IAAI;AAAA,IACV,UAAU,IAAI;AAAA,IACd,SAAS,IAAI;AAAA,EACf,EAAE;AAEF,QAAM,kBAAkB,YAAY,MAAM;AAExC,eAAW,MAAM;AACf,eAAS;AAAA,QACP,IAAI,WAAW,aAAa,EAAE,SAAS,MAAM,YAAY,MAAM,MAAM,OAAO,CAAC;AAAA,MAC/E;AAAA,IACF,GAAG,EAAE;AAAA,EACP,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,8BAA8B,OAAO,kBAAkB,KAAK,kBAAkB,IAAI;AACpG,QAAM,oBAAoB,YAAY;AAEtC,QAAM,iBACJ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,GAAG,SAAS;AAAA,MACvB,UAAU;AAAA,MACV,cAAW;AAAA,MAEX,8BAAC,eAAY,WAAU,oCAAmC,eAAY,QAAO;AAAA;AAAA,EAC/E;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,uBAAuB,OAAO;AAAA,QAC9B,uBAAuB,KAAK;AAAA,QAC5B,uBAAuB,IAAI;AAAA,QAC3B,qBAAqB;AAAA,QACrB;AAAA,MACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAGX;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,GAAG,SAAS;AAAA,YACvB,UAAU;AAAA,YACV;AAAA,YAEC;AAAA,wBACC,oBAAC,gBAAa,WAAU,+BAA8B,eAAY,QAAO,IAEzE,WAAW,WAAW,SAAS,8BAA8B;AAAA,cAE/D,oBAAC,UAAK,WAAU,6BAA6B,iBAAM;AAAA;AAAA;AAAA,QACrD;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,SAAS,oBAAC,aAAU,OAAO,WAAW,aAAa,iBAAiB;AAAA,YACpE,WAAU;AAAA,YACV,OAAM;AAAA,YACN,UAAU;AAAA;AAAA,QACZ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}