@ryanhe919/lumen-ui 0.2.1 → 0.2.2

package/dist/LMSearchInput-nBlAX734.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMSearchInput-nBlAX734.cjs","sources":["../src/components/Form/LMSearchInput/LMSearchInput.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { SIZE_INPUT_CONFIG } from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMSearchInputProps {\n  /** Current search value */\n  value?: string\n  /** Change callback */\n  onChange?: (value: string) => void\n  /** Search submit callback */\n  onSearch?: (value: string) => void\n  /** Error state */\n  error?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Placeholder */\n  placeholder?: string\n  /** Disabled state */\n  disabled?: boolean\n  /** Class name */\n  className?: string\n  /** Form field name */\n  name?: string\n  /** Size */\n  size?: ComponentSize\n  /** Show clear button */\n  showClear?: boolean\n  /** Show search button */\n  showSearchButton?: boolean\n  /** Search button text */\n  searchButtonText?: string\n  /** Debounce delay (ms) */\n  debounceDelay?: number\n}\n\nconst LMSearchInput: React.FC<LMSearchInputProps> = ({\n  value,\n  onChange,\n  onSearch,\n  error = false,\n  errorMessage,\n  placeholder = 'Search...',\n  disabled = false,\n  className = '',\n  name,\n  size = 'md',\n  showClear = true,\n  showSearchButton = true,\n  searchButtonText = 'Search',\n  debounceDelay = 300,\n}) => {\n  const [inputValue, setInputValue] = useState(value || '')\n  const [isFocused, setIsFocused] = useState(false)\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const searchBtnRef = useRef<HTMLButtonElement>(null)\n  const [searchBtnWidth, setSearchBtnWidth] = useState(0)\n\n  useEffect(() => {\n    if (value !== undefined && value !== null) setInputValue(value)\n  }, [value])\n\n  useEffect(() => {\n    if (showSearchButton && searchBtnRef.current) {\n      setSearchBtnWidth(searchBtnRef.current.offsetWidth || 0)\n    } else {\n      setSearchBtnWidth(0)\n    }\n  }, [showSearchButton, searchButtonText])\n\n  const baseClassName = `\n    w-full ${SIZE_INPUT_CONFIG[size].padding} ${SIZE_INPUT_CONFIG[size].height} backdrop-blur-md border rounded-2xl\n    focus:ring-2 focus:outline-none transition-all duration-300\n    shadow-sm\n    ${showSearchButton ? 'pr-20' : showClear ? 'pr-10' : 'pr-4'}\n    pl-12\n    ${className}\n  `\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  const getSearchInputStyles = () => {\n    const baseStyles = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      color: 'var(--lm-text-primary)',\n      borderColor: error\n        ? 'var(--lm-error-300)'\n        : isFocused\n          ? 'var(--lm-primary-400)'\n          : 'var(--lm-border-default)',\n      boxShadow: 'var(--lm-shadow-sm)',\n    } as React.CSSProperties\n\n    return {\n      ...baseStyles,\n      '--tw-ring-color': error\n        ? 'var(--lm-error-400)'\n        : 'var(--lm-primary-400)',\n      '--tw-ring-opacity': '0.3',\n    }\n  }\n\n  const getDisabledStyles = () =>\n    disabled\n      ? {\n          backgroundColor: 'var(--lm-bg-paper)',\n          color: 'var(--lm-text-disabled)',\n          cursor: 'not-allowed',\n          opacity: 0.6,\n        }\n      : {}\n\n  const getIconStyles = () => {\n    if (error) return { color: 'var(--lm-error-400)' }\n    if (isFocused) return { color: 'var(--lm-primary-500)' }\n    return { color: 'var(--lm-text-secondary)' }\n  }\n\n  const getButtonStyles = () => ({\n    backgroundColor: 'var(--lm-primary-500)',\n    color: 'white',\n  })\n\n  const getClearButtonStyles = () => ({\n    backgroundColor: 'var(--lm-bg-paper)',\n    color: 'var(--lm-text-secondary)',\n  })\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value\n    setInputValue(newValue)\n    onChange?.(newValue)\n\n    if (debounceRef.current) clearTimeout(debounceRef.current)\n    debounceRef.current = setTimeout(() => {\n      onSearch?.(newValue)\n    }, debounceDelay)\n  }\n\n  const handleSearch = () => onSearch?.(inputValue)\n\n  const handleClear = () => {\n    setInputValue('')\n    onChange?.('')\n    onSearch?.('')\n    inputRef.current?.focus()\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter') {\n      event.preventDefault()\n      handleSearch()\n    }\n  }\n\n  const clearBtnSizeClass =\n    size === 'sm'\n      ? 'w-7 h-7 text-xs'\n      : size === 'lg'\n        ? 'w-9 h-9 text-sm'\n        : 'w-8 h-8 text-sm'\n\n  const clearRightPx = showSearchButton ? searchBtnWidth + 8 : 8\n\n  const SearchIcon = () => (\n    <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" />\n    </svg>\n  )\n\n  const ClearIcon = () => (\n    <svg className=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  )\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"relative group\">\n        <div className=\"absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none z-10\">\n          <span style={getIconStyles()}>\n            <SearchIcon />\n          </span>\n        </div>\n\n        <input\n          ref={inputRef}\n          type=\"search\"\n          name={name}\n          value={inputValue}\n          placeholder={placeholder}\n          disabled={disabled}\n          className={baseClassName}\n          style={{\n            ...getSearchInputStyles(),\n            ...getDisabledStyles(),\n          } as React.CSSProperties}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          onMouseEnter={(e) => {\n            if (!disabled && !error && !isFocused) {\n              e.currentTarget.style.borderColor = 'var(--lm-border-strong)'\n            }\n          }}\n          onMouseLeave={(e) => {\n            if (!disabled && !error && !isFocused) {\n              e.currentTarget.style.borderColor = 'var(--lm-border-default)'\n            }\n          }}\n        />\n\n        <style>{`\n          input[type='search']::-webkit-search-cancel-button {\n            -webkit-appearance: none;\n            appearance: none;\n          }\n        `}</style>\n\n        {showClear && inputValue && !disabled && (\n          <button\n            onClick={handleClear}\n            className={`absolute top-1/2 -translate-y-1/2 z-10 rounded-full flex items-center justify-center ${clearBtnSizeClass}`}\n            style={{\n              ...getClearButtonStyles(),\n              right: `${clearRightPx}px`,\n            }}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--lm-bg-elevated)'\n              e.currentTarget.style.color = 'var(--lm-text-primary)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--lm-bg-paper)'\n              e.currentTarget.style.color = 'var(--lm-text-secondary)'\n            }}\n            aria-label=\"Clear\"\n            type=\"button\"\n          >\n            <ClearIcon />\n          </button>\n        )}\n\n        {showSearchButton && !disabled && (\n          <button\n            ref={searchBtnRef}\n            onClick={handleSearch}\n            className=\"absolute inset-y-0 right-0 px-4 rounded-r-2xl transition-colors duration-200 z-20\"\n            style={getButtonStyles()}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--lm-primary-600)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--lm-primary-500)'\n            }}\n            type=\"button\"\n          >\n            <span className=\"text-sm font-medium\">{searchButtonText}</span>\n          </button>\n        )}\n      </div>\n\n      {errorMessage && (\n        <p\n          className=\"text-xs flex items-center gap-1\"\n          style={{ color: 'var(--lm-error-500)' }}\n        >\n          <svg className=\"w-3 h-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport default LMSearchInput\n"],"names":["useState","useRef","useEffect","SIZE_INPUT_CONFIG","jsx","jsxs"],"mappings":"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"}

package/dist/LMSelect-B-MWX2JI.js

@@ -0,0 +1,309 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { d as SIZE_SELECTOR_CONFIG } from "./componentSizes-CdWNL526.js";
+const SIZE_DROPDOWN_CONFIG = {
+  xs: { maxHeight: "max-h-32", optionPadding: "px-3 py-1.5", optionTextSize: "text-xs" },
+  sm: { maxHeight: "max-h-40", optionPadding: "px-3 py-2", optionTextSize: "text-xs" },
+  md: { maxHeight: "max-h-48", optionPadding: "px-4 py-2.5", optionTextSize: "text-sm" },
+  lg: { maxHeight: "max-h-56", optionPadding: "px-4 py-3", optionTextSize: "text-sm" },
+  xl: { maxHeight: "max-h-64", optionPadding: "px-5 py-3", optionTextSize: "text-base" },
+  "2xl": { maxHeight: "max-h-72", optionPadding: "px-6 py-4", optionTextSize: "text-lg" }
+};
+const LMSelect = ({
+  options,
+  value,
+  onChange,
+  onDropdownVisibleChange,
+  error = false,
+  errorMessage,
+  placeholder = "Select...",
+  disabled = false,
+  className = "",
+  name,
+  size = "md",
+  multiple = false
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [selectedOption, setSelectedOption] = useState(null);
+  const [selectedOptions, setSelectedOptions] = useState([]);
+  const dropdownRef = useRef(null);
+  useEffect(() => {
+    if (!multiple) {
+      if (value !== void 0 && value !== null && !Array.isArray(value)) {
+        const option = options.find((opt) => opt.value === value);
+        setSelectedOption(option || null);
+      } else {
+        setSelectedOption(null);
+      }
+    }
+  }, [value, options, multiple]);
+  useEffect(() => {
+    if (multiple && Array.isArray(value)) {
+      const selectedOpts = options.filter((opt) => value.includes(opt.value));
+      setSelectedOptions(selectedOpts);
+    } else if (multiple) {
+      setSelectedOptions([]);
+    }
+  }, [value, options, multiple]);
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+        onDropdownVisibleChange == null ? void 0 : onDropdownVisibleChange(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }
+  }, [isOpen, onDropdownVisibleChange]);
+  const handleSelect = (option) => {
+    if (option.disabled) return;
+    if (multiple) {
+      const currentValues = Array.isArray(value) ? value : [];
+      const isSelected = currentValues.includes(option.value);
+      const newValues = isSelected ? currentValues.filter((v) => v !== option.value) : [...currentValues, option.value];
+      onChange == null ? void 0 : onChange(newValues);
+    } else {
+      setSelectedOption(option);
+      onChange == null ? void 0 : onChange(option.value);
+      setIsOpen(false);
+      onDropdownVisibleChange == null ? void 0 : onDropdownVisibleChange(false);
+    }
+  };
+  const toggleDropdown = () => {
+    if (!disabled) {
+      const newIsOpen = !isOpen;
+      setIsOpen(newIsOpen);
+      onDropdownVisibleChange == null ? void 0 : onDropdownVisibleChange(newIsOpen);
+    }
+  };
+  const baseClassName = `
+    w-full ${SIZE_SELECTOR_CONFIG[size].padding} ${SIZE_SELECTOR_CONFIG[size].height} ${SIZE_SELECTOR_CONFIG[size].fontSize}
+    border rounded-xl
+    cursor-pointer select-none
+    flex items-center justify-between
+    ${className}
+  `.trim().replace(/\s+/g, " ");
+  const getSelectorStyles = () => {
+    const baseStyles = {
+      backgroundColor: "var(--lm-bg-elevated)",
+      color: "var(--lm-text-primary)",
+      borderColor: error ? "var(--lm-error-300)" : "var(--lm-border-default)",
+      boxShadow: "var(--lm-shadow-sm)",
+      transition: "all var(--lm-transition-fast) var(--lm-ease-out)"
+    };
+    return {
+      ...baseStyles,
+      "--tw-ring-color": error ? "var(--lm-error-400)" : "var(--lm-primary-400)",
+      "--tw-ring-opacity": "0.4"
+    };
+  };
+  const getDisabledStyles = () => disabled ? {
+    backgroundColor: "var(--lm-bg-paper)",
+    color: "var(--lm-text-disabled)",
+    cursor: "not-allowed",
+    opacity: 0.6
+  } : {};
+  const getIconStyles = () => error ? { color: "var(--lm-error-400)" } : { color: "var(--lm-text-secondary)" };
+  const getDropdownStyles = () => ({
+    backgroundColor: "var(--lm-bg-elevated)",
+    borderColor: "var(--lm-border-default)",
+    boxShadow: "var(--lm-shadow-lg)",
+    backdropFilter: "blur(20px) saturate(180%)",
+    WebkitBackdropFilter: "blur(20px) saturate(180%)"
+  });
+  const isOptionSelected = (optionValue) => {
+    if (multiple) {
+      return Array.isArray(value) && value.includes(optionValue);
+    }
+    return (selectedOption == null ? void 0 : selectedOption.value) === optionValue;
+  };
+  const getOptionStyles = (option) => {
+    const baseStyles = {
+      color: option.disabled ? "var(--lm-text-disabled)" : "var(--lm-text-primary)",
+      backgroundColor: option.disabled ? "var(--lm-bg-paper)" : "transparent"
+    };
+    if (isOptionSelected(option.value)) {
+      return {
+        ...baseStyles,
+        backgroundColor: "var(--lm-primary-50)",
+        color: "var(--lm-primary-700)"
+      };
+    }
+    return baseStyles;
+  };
+  const getHoverOptionStyles = (option) => {
+    if (option.disabled) return {};
+    if (isOptionSelected(option.value)) {
+      return { backgroundColor: "var(--lm-primary-100)" };
+    }
+    return { backgroundColor: "var(--lm-bg-paper)" };
+  };
+  const getDisplayText = () => {
+    if (multiple) {
+      if (selectedOptions.length === 0) return placeholder;
+      if (selectedOptions.length === 1) return selectedOptions[0].label;
+      return `${selectedOptions.length} selected`;
+    }
+    return selectedOption ? selectedOption.label : placeholder;
+  };
+  const ChevronDown = () => /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: `w-4 h-4 transition-transform duration-200 ${isOpen ? "rotate-180" : ""}`,
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24",
+      style: getIconStyles(),
+      children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+    }
+  );
+  const CheckIcon = () => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) });
+  return /* @__PURE__ */ jsxs("div", { className: "relative", ref: dropdownRef, children: [
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        name,
+        value: multiple ? Array.isArray(value) ? value.map(String) : [] : value !== void 0 && value !== null && !Array.isArray(value) ? String(value) : "",
+        onChange: () => {
+        },
+        className: "sr-only",
+        disabled,
+        tabIndex: -1,
+        multiple,
+        children: options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: baseClassName,
+        onClick: toggleDropdown,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        style: {
+          ...getSelectorStyles(),
+          ...getDisabledStyles()
+        },
+        onMouseEnter: (e) => {
+          if (!disabled && !error) {
+            e.currentTarget.style.borderColor = "var(--lm-border-strong)";
+          }
+        },
+        onMouseLeave: (e) => {
+          if (!disabled && !error) {
+            e.currentTarget.style.borderColor = "var(--lm-border-default)";
+          }
+        },
+        onFocus: (e) => {
+          if (!disabled) {
+            e.currentTarget.style.borderColor = error ? "var(--lm-error-400)" : "var(--lm-primary-400)";
+          }
+        },
+        onBlur: (e) => {
+          if (!disabled) {
+            e.currentTarget.style.borderColor = error ? "var(--lm-error-300)" : "var(--lm-border-default)";
+          }
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            toggleDropdown();
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                color: multiple && selectedOptions.length > 0 || selectedOption ? "var(--lm-text-primary)" : "var(--lm-text-secondary)"
+              },
+              children: getDisplayText()
+            }
+          ),
+          /* @__PURE__ */ jsx(ChevronDown, {})
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `absolute left-0 right-0 z-50 border rounded-xl overflow-y-auto ${SIZE_DROPDOWN_CONFIG[size].maxHeight}`,
+        style: {
+          ...getDropdownStyles(),
+          top: "calc(100% + 4px)"
+        },
+        children: options.map((option, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `
+                ${SIZE_DROPDOWN_CONFIG[size].optionPadding} ${SIZE_DROPDOWN_CONFIG[size].optionTextSize} font-medium
+                cursor-pointer transition-all duration-150
+                ${option.disabled ? "cursor-not-allowed" : ""}
+                ${index === 0 ? "rounded-t-xl" : ""}
+                ${index === options.length - 1 ? "rounded-b-xl" : ""}
+                ${index > 0 ? "border-t" : ""}
+              `,
+            style: {
+              ...getOptionStyles(option),
+              borderTopColor: index > 0 ? "var(--lm-border-light)" : "transparent"
+            },
+            onMouseEnter: (e) => {
+              if (!option.disabled) {
+                Object.assign(e.currentTarget.style, getHoverOptionStyles(option));
+              }
+            },
+            onMouseLeave: (e) => {
+              if (!option.disabled) {
+                Object.assign(e.currentTarget.style, getOptionStyles(option));
+              }
+            },
+            onClick: () => handleSelect(option),
+            role: "option",
+            "aria-selected": isOptionSelected(option.value),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              multiple && /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: isOptionSelected(option.value),
+                  onChange: () => {
+                  },
+                  className: "mr-2 cursor-pointer",
+                  style: { accentColor: "var(--lm-primary-500)" },
+                  onClick: (e) => e.stopPropagation()
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "truncate flex-1", children: option.label }),
+              !multiple && isOptionSelected(option.value) && /* @__PURE__ */ jsx("span", { className: "ml-2 shrink-0", style: { color: "var(--lm-primary-600)" }, children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+            ] })
+          },
+          option.value
+        ))
+      }
+    ),
+    errorMessage && /* @__PURE__ */ jsxs(
+      "p",
+      {
+        className: "text-xs flex items-center gap-1 mt-2",
+        style: { color: "var(--lm-error-500)" },
+        children: [
+          /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
+              clipRule: "evenodd"
+            }
+          ) }),
+          errorMessage
+        ]
+      }
+    )
+  ] });
+};
+export {
+  LMSelect as L
+};
+//# sourceMappingURL=LMSelect-B-MWX2JI.js.map

package/dist/LMSelect-B-MWX2JI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMSelect-B-MWX2JI.js","sources":["../src/components/Form/LMSelect/LMSelect.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { SIZE_SELECTOR_CONFIG } from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMSelectOption {\n  value: string | number\n  label: string\n  disabled?: boolean\n}\n\nexport interface LMSelectProps {\n  /** Options */\n  options: LMSelectOption[]\n  /** Current value */\n  value?: string | number | (string | number)[]\n  /** Change callback */\n  onChange?: (value: string | number | (string | number)[]) => void\n  /** Dropdown visibility change callback */\n  onDropdownVisibleChange?: (visible: boolean) => void\n  /** Error state */\n  error?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Placeholder */\n  placeholder?: string\n  /** Disabled state */\n  disabled?: boolean\n  /** Class name */\n  className?: string\n  /** Form field name */\n  name?: string\n  /** Size */\n  size?: ComponentSize\n  /** Multiple selection */\n  multiple?: boolean\n}\n\nconst SIZE_DROPDOWN_CONFIG: Record<\n  ComponentSize,\n  {\n    maxHeight: string\n    optionPadding: string\n    optionTextSize: string\n  }\n> = {\n  xs: { maxHeight: 'max-h-32', optionPadding: 'px-3 py-1.5', optionTextSize: 'text-xs' },\n  sm: { maxHeight: 'max-h-40', optionPadding: 'px-3 py-2', optionTextSize: 'text-xs' },\n  md: { maxHeight: 'max-h-48', optionPadding: 'px-4 py-2.5', optionTextSize: 'text-sm' },\n  lg: { maxHeight: 'max-h-56', optionPadding: 'px-4 py-3', optionTextSize: 'text-sm' },\n  xl: { maxHeight: 'max-h-64', optionPadding: 'px-5 py-3', optionTextSize: 'text-base' },\n  '2xl': { maxHeight: 'max-h-72', optionPadding: 'px-6 py-4', optionTextSize: 'text-lg' },\n}\n\nconst LMSelect: React.FC<LMSelectProps> = ({\n  options,\n  value,\n  onChange,\n  onDropdownVisibleChange,\n  error = false,\n  errorMessage,\n  placeholder = 'Select...',\n  disabled = false,\n  className = '',\n  name,\n  size = 'md',\n  multiple = false,\n}) => {\n  const [isOpen, setIsOpen] = useState(false)\n  const [selectedOption, setSelectedOption] = useState<LMSelectOption | null>(null)\n  const [selectedOptions, setSelectedOptions] = useState<LMSelectOption[]>([])\n  const dropdownRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (!multiple) {\n      if (value !== undefined && value !== null && !Array.isArray(value)) {\n        const option = options.find((opt) => opt.value === value)\n        setSelectedOption(option || null)\n      } else {\n        setSelectedOption(null)\n      }\n    }\n  }, [value, options, multiple])\n\n  useEffect(() => {\n    if (multiple && Array.isArray(value)) {\n      const selectedOpts = options.filter((opt) => value.includes(opt.value))\n      setSelectedOptions(selectedOpts)\n    } else if (multiple) {\n      setSelectedOptions([])\n    }\n  }, [value, options, multiple])\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n        onDropdownVisibleChange?.(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, onDropdownVisibleChange])\n\n  const handleSelect = (option: LMSelectOption) => {\n    if (option.disabled) return\n\n    if (multiple) {\n      const currentValues = Array.isArray(value) ? value : []\n      const isSelected = currentValues.includes(option.value)\n      const newValues = isSelected\n        ? currentValues.filter((v) => v !== option.value)\n        : [...currentValues, option.value]\n      onChange?.(newValues)\n    } else {\n      setSelectedOption(option)\n      onChange?.(option.value)\n      setIsOpen(false)\n      onDropdownVisibleChange?.(false)\n    }\n  }\n\n  const toggleDropdown = () => {\n    if (!disabled) {\n      const newIsOpen = !isOpen\n      setIsOpen(newIsOpen)\n      onDropdownVisibleChange?.(newIsOpen)\n    }\n  }\n\n  // Apple-like refined select styling\n  const baseClassName = `\n    w-full ${SIZE_SELECTOR_CONFIG[size].padding} ${SIZE_SELECTOR_CONFIG[size].height} ${SIZE_SELECTOR_CONFIG[size].fontSize}\n    border rounded-xl\n    cursor-pointer select-none\n    flex items-center justify-between\n    ${className}\n  `\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  const getSelectorStyles = () => {\n    // Apple-like refined select styles\n    const baseStyles = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      color: 'var(--lm-text-primary)',\n      borderColor: error ? 'var(--lm-error-300)' : 'var(--lm-border-default)',\n      boxShadow: 'var(--lm-shadow-sm)',\n      transition: 'all var(--lm-transition-fast) var(--lm-ease-out)',\n    }\n\n    return {\n      ...baseStyles,\n      '--tw-ring-color': error ? 'var(--lm-error-400)' : 'var(--lm-primary-400)',\n      '--tw-ring-opacity': '0.4',\n    }\n  }\n\n  const getDisabledStyles = () =>\n    disabled\n      ? {\n          backgroundColor: 'var(--lm-bg-paper)',\n          color: 'var(--lm-text-disabled)',\n          cursor: 'not-allowed',\n          opacity: 0.6,\n        }\n      : {}\n\n  const getIconStyles = () =>\n    error ? { color: 'var(--lm-error-400)' } : { color: 'var(--lm-text-secondary)' }\n\n  // Apple-like refined dropdown styles\n  const getDropdownStyles = () => ({\n    backgroundColor: 'var(--lm-bg-elevated)',\n    borderColor: 'var(--lm-border-default)',\n    boxShadow: 'var(--lm-shadow-lg)',\n    backdropFilter: 'blur(20px) saturate(180%)',\n    WebkitBackdropFilter: 'blur(20px) saturate(180%)',\n  })\n\n  const isOptionSelected = (optionValue: string | number): boolean => {\n    if (multiple) {\n      return Array.isArray(value) && value.includes(optionValue)\n    }\n    return selectedOption?.value === optionValue\n  }\n\n  const getOptionStyles = (option: LMSelectOption) => {\n    const baseStyles = {\n      color: option.disabled ? 'var(--lm-text-disabled)' : 'var(--lm-text-primary)',\n      backgroundColor: option.disabled ? 'var(--lm-bg-paper)' : 'transparent',\n    }\n\n    if (isOptionSelected(option.value)) {\n      return {\n        ...baseStyles,\n        backgroundColor: 'var(--lm-primary-50)',\n        color: 'var(--lm-primary-700)',\n      }\n    }\n\n    return baseStyles\n  }\n\n  const getHoverOptionStyles = (option: LMSelectOption) => {\n    if (option.disabled) return {}\n\n    if (isOptionSelected(option.value)) {\n      return { backgroundColor: 'var(--lm-primary-100)' }\n    }\n\n    return { backgroundColor: 'var(--lm-bg-paper)' }\n  }\n\n  const getDisplayText = (): string => {\n    if (multiple) {\n      if (selectedOptions.length === 0) return placeholder\n      if (selectedOptions.length === 1) return selectedOptions[0].label\n      return `${selectedOptions.length} selected`\n    }\n    return selectedOption ? selectedOption.label : placeholder\n  }\n\n  const ChevronDown = () => (\n    <svg\n      className={`w-4 h-4 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}`}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      style={getIconStyles()}\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  )\n\n  const CheckIcon = () => (\n    <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n    </svg>\n  )\n\n  return (\n    <div className=\"relative\" ref={dropdownRef}>\n      <select\n        name={name}\n        value={\n          multiple\n            ? Array.isArray(value)\n              ? value.map(String)\n              : []\n            : value !== undefined && value !== null && !Array.isArray(value)\n              ? String(value)\n              : ''\n        }\n        onChange={() => {}}\n        className=\"sr-only\"\n        disabled={disabled}\n        tabIndex={-1}\n        multiple={multiple}\n      >\n        {options.map((option) => (\n          <option key={option.value} value={option.value} disabled={option.disabled}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n\n      <div\n        className={baseClassName}\n        onClick={toggleDropdown}\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        style={{\n          ...getSelectorStyles(),\n          ...getDisabledStyles(),\n        } as React.CSSProperties}\n        onMouseEnter={(e) => {\n          if (!disabled && !error) {\n            e.currentTarget.style.borderColor = 'var(--lm-border-strong)'\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!disabled && !error) {\n            e.currentTarget.style.borderColor = 'var(--lm-border-default)'\n          }\n        }}\n        onFocus={(e) => {\n          if (!disabled) {\n            e.currentTarget.style.borderColor = error\n              ? 'var(--lm-error-400)'\n              : 'var(--lm-primary-400)'\n          }\n        }}\n        onBlur={(e) => {\n          if (!disabled) {\n            e.currentTarget.style.borderColor = error\n              ? 'var(--lm-error-300)'\n              : 'var(--lm-border-default)'\n          }\n        }}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault()\n            toggleDropdown()\n          }\n        }}\n      >\n        <span\n          style={{\n            color:\n              (multiple && selectedOptions.length > 0) || selectedOption\n                ? 'var(--lm-text-primary)'\n                : 'var(--lm-text-secondary)',\n          }}\n        >\n          {getDisplayText()}\n        </span>\n        <ChevronDown />\n      </div>\n\n      {isOpen && (\n        <div\n          className={`absolute left-0 right-0 z-50 border rounded-xl overflow-y-auto ${SIZE_DROPDOWN_CONFIG[size].maxHeight}`}\n          style={{\n            ...getDropdownStyles(),\n            top: 'calc(100% + 4px)',\n          }}\n        >\n          {options.map((option, index) => (\n            <div\n              key={option.value}\n              className={`\n                ${SIZE_DROPDOWN_CONFIG[size].optionPadding} ${SIZE_DROPDOWN_CONFIG[size].optionTextSize} font-medium\n                cursor-pointer transition-all duration-150\n                ${option.disabled ? 'cursor-not-allowed' : ''}\n                ${index === 0 ? 'rounded-t-xl' : ''}\n                ${index === options.length - 1 ? 'rounded-b-xl' : ''}\n                ${index > 0 ? 'border-t' : ''}\n              `}\n              style={{\n                ...getOptionStyles(option),\n                borderTopColor: index > 0 ? 'var(--lm-border-light)' : 'transparent',\n              }}\n              onMouseEnter={(e) => {\n                if (!option.disabled) {\n                  Object.assign(e.currentTarget.style, getHoverOptionStyles(option))\n                }\n              }}\n              onMouseLeave={(e) => {\n                if (!option.disabled) {\n                  Object.assign(e.currentTarget.style, getOptionStyles(option))\n                }\n              }}\n              onClick={() => handleSelect(option)}\n              role=\"option\"\n              aria-selected={isOptionSelected(option.value)}\n            >\n              <div className=\"flex items-center justify-between\">\n                {multiple && (\n                  <input\n                    type=\"checkbox\"\n                    checked={isOptionSelected(option.value)}\n                    onChange={() => {}}\n                    className=\"mr-2 cursor-pointer\"\n                    style={{ accentColor: 'var(--lm-primary-500)' }}\n                    onClick={(e) => e.stopPropagation()}\n                  />\n                )}\n                <span className=\"truncate flex-1\">{option.label}</span>\n                {!multiple && isOptionSelected(option.value) && (\n                  <span className=\"ml-2 shrink-0\" style={{ color: 'var(--lm-primary-600)' }}>\n                    <CheckIcon />\n                  </span>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {errorMessage && (\n        <p\n          className=\"text-xs flex items-center gap-1 mt-2\"\n          style={{ color: 'var(--lm-error-500)' }}\n        >\n          <svg className=\"w-3 h-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport default LMSelect\n"],"names":[],"mappings":"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"}