@ryanhe919/lumen-ui 0.3.1 → 0.3.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Yufan He
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/ErrorMessage-CbE7emgD.cjs

@@ -0,0 +1,26 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const WarningIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.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"
+  }
+) });
+const ErrorMessage = ({ message, id, className = "" }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "p",
+  {
+    id,
+    className: `text-xs flex items-center gap-1 ${className}`,
+    style: { color: "var(--lm-error-500)" },
+    role: "alert",
+    "aria-live": "polite",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(WarningIcon, {}),
+      message
+    ]
+  }
+);
+exports.ErrorMessage = ErrorMessage;
+//# sourceMappingURL=ErrorMessage-CbE7emgD.cjs.map

package/dist/ErrorMessage-CbE7emgD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage-CbE7emgD.cjs","sources":["../src/components/_internal/ErrorMessage.tsx"],"sourcesContent":["import React from 'react'\n\nconst WarningIcon: React.FC = () => (\n  <svg className=\"w-3 h-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\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)\n\nexport interface ErrorMessageProps {\n  message: string\n  id?: string\n  className?: string\n}\n\nexport const ErrorMessage: React.FC<ErrorMessageProps> = ({ message, id, className = '' }) => (\n  <p\n    id={id}\n    className={`text-xs flex items-center gap-1 ${className}`}\n    style={{ color: 'var(--lm-error-500)' }}\n    role=\"alert\"\n    aria-live=\"polite\"\n  >\n    <WarningIcon />\n    {message}\n  </p>\n)\n"],"names":["jsx","jsxs"],"mappings":";;AAEA,MAAM,cAAwB,MAC5BA,2BAAAA,IAAC,OAAA,EAAI,WAAU,WAAU,MAAK,gBAAe,SAAQ,aAAY,eAAY,QAC3E,UAAAA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,EAAA;AACX,GACF;AASK,MAAM,eAA4C,CAAC,EAAE,SAAS,IAAI,YAAY,SACnFC,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW,mCAAmC,SAAS;AAAA,IACvD,OAAO,EAAE,OAAO,sBAAA;AAAA,IAChB,MAAK;AAAA,IACL,aAAU;AAAA,IAEV,UAAA;AAAA,MAAAD,2BAAAA,IAAC,aAAA,EAAY;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AACH;;"}

package/dist/ErrorMessage-Dt4cJ-sy.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const WarningIcon = () => /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", "aria-hidden": "true", 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"
+  }
+) });
+const ErrorMessage = ({ message, id, className = "" }) => /* @__PURE__ */ jsxs(
+  "p",
+  {
+    id,
+    className: `text-xs flex items-center gap-1 ${className}`,
+    style: { color: "var(--lm-error-500)" },
+    role: "alert",
+    "aria-live": "polite",
+    children: [
+      /* @__PURE__ */ jsx(WarningIcon, {}),
+      message
+    ]
+  }
+);
+export {
+  ErrorMessage as E
+};
+//# sourceMappingURL=ErrorMessage-Dt4cJ-sy.js.map

package/dist/ErrorMessage-Dt4cJ-sy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage-Dt4cJ-sy.js","sources":["../src/components/_internal/ErrorMessage.tsx"],"sourcesContent":["import React from 'react'\n\nconst WarningIcon: React.FC = () => (\n  <svg className=\"w-3 h-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\" aria-hidden=\"true\">\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)\n\nexport interface ErrorMessageProps {\n  message: string\n  id?: string\n  className?: string\n}\n\nexport const ErrorMessage: React.FC<ErrorMessageProps> = ({ message, id, className = '' }) => (\n  <p\n    id={id}\n    className={`text-xs flex items-center gap-1 ${className}`}\n    style={{ color: 'var(--lm-error-500)' }}\n    role=\"alert\"\n    aria-live=\"polite\"\n  >\n    <WarningIcon />\n    {message}\n  </p>\n)\n"],"names":[],"mappings":";AAEA,MAAM,cAAwB,MAC5B,oBAAC,OAAA,EAAI,WAAU,WAAU,MAAK,gBAAe,SAAQ,aAAY,eAAY,QAC3E,UAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,UAAS;AAAA,IACT,GAAE;AAAA,IACF,UAAS;AAAA,EAAA;AACX,GACF;AASK,MAAM,eAA4C,CAAC,EAAE,SAAS,IAAI,YAAY,SACnF;AAAA,EAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW,mCAAmC,SAAS;AAAA,IACvD,OAAO,EAAE,OAAO,sBAAA;AAAA,IAChB,MAAK;AAAA,IACL,aAAU;AAAA,IAEV,UAAA;AAAA,MAAA,oBAAC,aAAA,EAAY;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/dist/{LMButton-B258yfky.cjs → LMButton-ByInEqMk.cjs}

@@ -1,6 +1,7 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
+const cn = require("./cn-I2jp-M-K.cjs");
 const componentSizes = require("./componentSizes-DUTZ7uEM.cjs");
 const LoadingSpinner = ({ style }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
@@ -51,16 +52,19 @@ const LMButton$1 = ({
   const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
   const roundedClasses = rounded ? "rounded-full" : "rounded-xl";
   const widthClasses = fullWidth ? "w-full" : "";
-  const baseClassName = `
-    ${componentSizes.SIZE_BUTTON_CONFIG[resolvedSize].padding} ${componentSizes.SIZE_TEXT_CLASSES[resolvedSize]} ${componentSizes.SIZE_GAP_CLASSES[resolvedSize]}
-    ${roundedClasses} ${widthClasses}
-    border font-medium
-    focus:ring-2 focus:ring-offset-0 focus:outline-none
-    disabled:cursor-not-allowed
-    flex items-center justify-center
-    cursor-pointer select-none
-    ${className}
-  `.trim().replace(/\s+/g, " ");
+  const baseClassName = cn.cn(
+    componentSizes.SIZE_BUTTON_CONFIG[resolvedSize].padding,
+    componentSizes.SIZE_TEXT_CLASSES[resolvedSize],
+    componentSizes.SIZE_GAP_CLASSES[resolvedSize],
+    roundedClasses,
+    widthClasses,
+    "border font-medium",
+    "focus:ring-2 focus:ring-offset-0 focus:outline-none",
+    "disabled:cursor-not-allowed",
+    "flex items-center justify-center",
+    "cursor-pointer select-none",
+    className
+  );
   const getButtonStyles = () => {
     const baseStyles = {
       backgroundColor: "var(--lm-bg-elevated)",
@@ -330,4 +334,4 @@ const LMButton$1 = ({
 };
 const LMButton = React.memo(LMButton$1);
 exports.LMButton = LMButton;
-//# sourceMappingURL=LMButton-B258yfky.cjs.map
+//# sourceMappingURL=LMButton-ByInEqMk.cjs.map

package/dist/LMButton-ByInEqMk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMButton-ByInEqMk.cjs","sources":["../src/components/General/LMButton/LMButton.tsx"],"sourcesContent":["import React, { memo } from 'react'\nimport { cn } from '../../../utils/cn'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_GAP_CLASSES,\n  SIZE_TEXT_CLASSES,\n  SIZE_BUTTON_CONFIG,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nconst LoadingSpinner: React.FC<{ style?: React.CSSProperties }> = ({ style }) => (\n  <svg\n    className=\"animate-spin h-4 w-4\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    style={style}\n  >\n    <circle\n      className=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"4\"\n    />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    />\n  </svg>\n)\n\nexport type LMButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'outline'\n  | 'ghost'\n  | 'danger'\n  | 'success'\n  | 'warning'\n\nexport interface LMButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Button variant */\n  variant?: LMButtonVariant\n  /** Size */\n  size?: ComponentSize\n  /** Loading state */\n  loading?: boolean\n  /** Loading text */\n  loadingText?: string\n  /** Left icon */\n  leftIcon?: React.ReactNode\n  /** Right icon */\n  rightIcon?: React.ReactNode\n  /** Full width */\n  fullWidth?: boolean\n  /** Full rounded */\n  rounded?: boolean\n}\n\nconst LMButton: React.FC<LMButtonProps> = ({\n  children,\n  variant = 'primary',\n  size = 'md',\n  loading = false,\n  loadingText,\n  leftIcon,\n  rightIcon,\n  fullWidth = false,\n  rounded = false,\n  disabled = false,\n  className = '',\n  ...props\n}) => {\n  const isDisabled = disabled || loading\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n\n  // Apple-like refined border radius (12px default, full for pill)\n  const roundedClasses = rounded ? 'rounded-full' : 'rounded-xl'\n  const widthClasses = fullWidth ? 'w-full' : ''\n\n  // Apple-like base styling with refined transitions\n  const baseClassName = cn(\n    SIZE_BUTTON_CONFIG[resolvedSize].padding,\n    SIZE_TEXT_CLASSES[resolvedSize],\n    SIZE_GAP_CLASSES[resolvedSize],\n    roundedClasses,\n    widthClasses,\n    'border font-medium',\n    'focus:ring-2 focus:ring-offset-0 focus:outline-none',\n    'disabled:cursor-not-allowed',\n    'flex items-center justify-center',\n    'cursor-pointer select-none',\n    className\n  )\n\n  const getButtonStyles = () => {\n    // Apple-like base styles with refined shadows and transitions\n    const baseStyles = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      color: 'var(--lm-text-primary)',\n      borderColor: 'var(--lm-border-default)',\n      boxShadow: 'var(--lm-shadow-sm)',\n      transition: 'all var(--lm-transition-normal) var(--lm-ease-out)',\n    }\n\n    switch (variant) {\n      case 'primary':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-primary-500)',\n          color: 'white',\n          borderColor: 'transparent',\n          boxShadow: 'var(--lm-shadow-md)',\n          '--tw-ring-color': 'var(--lm-primary-400)',\n          '--tw-ring-opacity': '0.4',\n        }\n      case 'secondary':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-bg-elevated)',\n          color: 'var(--lm-text-primary)',\n          borderColor: 'var(--lm-border-default)',\n          '--tw-ring-color': 'var(--lm-primary-400)',\n          '--tw-ring-opacity': '0.3',\n        }\n      case 'outline':\n        return {\n          ...baseStyles,\n          backgroundColor: 'transparent',\n          color: 'var(--lm-primary-500)',\n          borderColor: 'var(--lm-primary-400)',\n          boxShadow: 'none',\n          '--tw-ring-color': 'var(--lm-primary-400)',\n          '--tw-ring-opacity': '0.3',\n        }\n      case 'ghost':\n        return {\n          ...baseStyles,\n          backgroundColor: 'transparent',\n          color: 'var(--lm-text-primary)',\n          borderColor: 'transparent',\n          boxShadow: 'none',\n          '--tw-ring-color': 'var(--lm-primary-400)',\n          '--tw-ring-opacity': '0.3',\n        }\n      case 'danger':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-error-500)',\n          color: 'white',\n          borderColor: 'transparent',\n          boxShadow: 'var(--lm-shadow-md)',\n          '--tw-ring-color': 'var(--lm-error-400)',\n          '--tw-ring-opacity': '0.4',\n        }\n      case 'success':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-success-500)',\n          color: 'white',\n          borderColor: 'transparent',\n          boxShadow: 'var(--lm-shadow-md)',\n          '--tw-ring-color': 'var(--lm-success-400)',\n          '--tw-ring-opacity': '0.4',\n        }\n      case 'warning':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-warning-500)',\n          color: 'white',\n          borderColor: 'transparent',\n          boxShadow: 'var(--lm-shadow-md)',\n          '--tw-ring-color': 'var(--lm-warning-400)',\n          '--tw-ring-opacity': '0.4',\n        }\n      default:\n        return baseStyles\n    }\n  }\n\n  const getDisabledStyles = () => {\n    if (isDisabled) {\n      return {\n        backgroundColor: 'var(--lm-bg-paper)',\n        color: 'var(--lm-text-disabled)',\n        borderColor: 'var(--lm-border-light)',\n        cursor: 'not-allowed',\n        opacity: 0.6,\n      }\n    }\n    return {}\n  }\n\n  // Apple-like subtle hover with scale effect\n  const getHoverStyles = () => {\n    if (isDisabled) return {}\n\n    const baseHover = {\n      transform: 'scale(1.02)',\n    }\n\n    switch (variant) {\n      case 'primary':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-primary-600)',\n          boxShadow: 'var(--lm-shadow-lg)',\n        }\n      case 'secondary':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-bg-hover)',\n          borderColor: 'var(--lm-border-strong)',\n        }\n      case 'outline':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-primary-50)',\n          borderColor: 'var(--lm-primary-500)',\n        }\n      case 'ghost':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-bg-hover)',\n        }\n      case 'danger':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-error-600)',\n          boxShadow: 'var(--lm-shadow-lg)',\n        }\n      case 'success':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-success-600)',\n          boxShadow: 'var(--lm-shadow-lg)',\n        }\n      case 'warning':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-warning-600)',\n          boxShadow: 'var(--lm-shadow-lg)',\n        }\n      default:\n        return baseHover\n    }\n  }\n\n  // Apple-like pressed state with scale down\n  const getActiveStyles = () => {\n    if (isDisabled) return {}\n\n    const baseActive = {\n      transform: 'scale(0.98)',\n    }\n\n    switch (variant) {\n      case 'primary':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-primary-700)',\n        }\n      case 'secondary':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-bg-active)',\n        }\n      case 'outline':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-primary-100)',\n        }\n      case 'ghost':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-bg-active)',\n        }\n      case 'danger':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-error-700)',\n        }\n      case 'success':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-success-700)',\n        }\n      case 'warning':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-warning-700)',\n        }\n      default:\n        return baseActive\n    }\n  }\n\n  const getIconStyles = () => {\n    if (isDisabled) {\n      return { color: 'var(--lm-text-disabled)' }\n    }\n    switch (variant) {\n      case 'primary':\n      case 'danger':\n      case 'success':\n      case 'warning':\n        return { color: 'white' }\n      case 'outline':\n        return { color: 'var(--lm-primary-600)' }\n      default:\n        return { color: 'var(--lm-text-primary)' }\n    }\n  }\n\n  return (\n    <button\n      {...props}\n      disabled={isDisabled}\n      className={baseClassName}\n      style={{\n        ...getButtonStyles(),\n        ...getDisabledStyles(),\n      } as React.CSSProperties}\n      onMouseEnter={(e) => {\n        if (!isDisabled) Object.assign(e.currentTarget.style, getHoverStyles())\n        props.onMouseEnter?.(e)\n      }}\n      onMouseLeave={(e) => {\n        if (!isDisabled)\n          Object.assign(e.currentTarget.style, {\n            ...getButtonStyles(),\n            ...getDisabledStyles(),\n          })\n        props.onMouseLeave?.(e)\n      }}\n      onMouseDown={(e) => {\n        if (!isDisabled) Object.assign(e.currentTarget.style, getActiveStyles())\n        props.onMouseDown?.(e)\n      }}\n      onMouseUp={(e) => {\n        if (!isDisabled) Object.assign(e.currentTarget.style, getHoverStyles())\n        props.onMouseUp?.(e)\n      }}\n      onFocus={(e) => {\n        if (!isDisabled) {\n          e.currentTarget.style.borderColor = 'var(--lm-primary-400)'\n        }\n        props.onFocus?.(e)\n      }}\n      onBlur={(e) => {\n        if (!isDisabled)\n          Object.assign(e.currentTarget.style, {\n            ...getButtonStyles(),\n            ...getDisabledStyles(),\n          })\n        props.onBlur?.(e)\n      }}\n    >\n      {loading ? (\n        <>\n          <LoadingSpinner style={getIconStyles()} />\n          {loadingText || children}\n        </>\n      ) : (\n        <>\n          {leftIcon && <span style={getIconStyles()}>{leftIcon}</span>}\n          <span className=\"inline-flex items-center\">{children}</span>\n          {rightIcon && <span style={getIconStyles()}>{rightIcon}</span>}\n        </>\n      )}\n    </button>\n  )\n}\n\nexport default memo(LMButton)\n"],"names":["jsxs","jsx","LMButton","clampComponentSize","COMPONENT_SIZE_ORDER","cn","SIZE_BUTTON_CONFIG","SIZE_TEXT_CLASSES","SIZE_GAP_CLASSES","Fragment","memo"],"mappings":"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"}

package/dist/{LMButton-S4xQSohi.js → LMButton-DH7s4i80.js}

@@ -1,6 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { memo } from "react";
-import { c as clampComponentSize, k as SIZE_BUTTON_CONFIG, b as SIZE_TEXT_CLASSES, f as SIZE_GAP_CLASSES, C as COMPONENT_SIZE_ORDER } from "./componentSizes-CdWNL526.js";
+import { c as cn } from "./cn-wDEkOmcn.js";
+import { c as clampComponentSize, f as SIZE_GAP_CLASSES, b as SIZE_TEXT_CLASSES, k as SIZE_BUTTON_CONFIG, C as COMPONENT_SIZE_ORDER } from "./componentSizes-CdWNL526.js";
 const LoadingSpinner = ({ style }) => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -50,16 +51,19 @@ const LMButton = ({
   const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER);
   const roundedClasses = rounded ? "rounded-full" : "rounded-xl";
   const widthClasses = fullWidth ? "w-full" : "";
-  const baseClassName = `
-    ${SIZE_BUTTON_CONFIG[resolvedSize].padding} ${SIZE_TEXT_CLASSES[resolvedSize]} ${SIZE_GAP_CLASSES[resolvedSize]}
-    ${roundedClasses} ${widthClasses}
-    border font-medium
-    focus:ring-2 focus:ring-offset-0 focus:outline-none
-    disabled:cursor-not-allowed
-    flex items-center justify-center
-    cursor-pointer select-none
-    ${className}
-  `.trim().replace(/\s+/g, " ");
+  const baseClassName = cn(
+    SIZE_BUTTON_CONFIG[resolvedSize].padding,
+    SIZE_TEXT_CLASSES[resolvedSize],
+    SIZE_GAP_CLASSES[resolvedSize],
+    roundedClasses,
+    widthClasses,
+    "border font-medium",
+    "focus:ring-2 focus:ring-offset-0 focus:outline-none",
+    "disabled:cursor-not-allowed",
+    "flex items-center justify-center",
+    "cursor-pointer select-none",
+    className
+  );
   const getButtonStyles = () => {
     const baseStyles = {
       backgroundColor: "var(--lm-bg-elevated)",
@@ -331,4 +335,4 @@ const LMButton$1 = memo(LMButton);
 export {
   LMButton$1 as L
 };
-//# sourceMappingURL=LMButton-S4xQSohi.js.map
+//# sourceMappingURL=LMButton-DH7s4i80.js.map

package/dist/LMButton-DH7s4i80.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMButton-DH7s4i80.js","sources":["../src/components/General/LMButton/LMButton.tsx"],"sourcesContent":["import React, { memo } from 'react'\nimport { cn } from '../../../utils/cn'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_GAP_CLASSES,\n  SIZE_TEXT_CLASSES,\n  SIZE_BUTTON_CONFIG,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nconst LoadingSpinner: React.FC<{ style?: React.CSSProperties }> = ({ style }) => (\n  <svg\n    className=\"animate-spin h-4 w-4\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    style={style}\n  >\n    <circle\n      className=\"opacity-25\"\n      cx=\"12\"\n      cy=\"12\"\n      r=\"10\"\n      stroke=\"currentColor\"\n      strokeWidth=\"4\"\n    />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n    />\n  </svg>\n)\n\nexport type LMButtonVariant =\n  | 'primary'\n  | 'secondary'\n  | 'outline'\n  | 'ghost'\n  | 'danger'\n  | 'success'\n  | 'warning'\n\nexport interface LMButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Button variant */\n  variant?: LMButtonVariant\n  /** Size */\n  size?: ComponentSize\n  /** Loading state */\n  loading?: boolean\n  /** Loading text */\n  loadingText?: string\n  /** Left icon */\n  leftIcon?: React.ReactNode\n  /** Right icon */\n  rightIcon?: React.ReactNode\n  /** Full width */\n  fullWidth?: boolean\n  /** Full rounded */\n  rounded?: boolean\n}\n\nconst LMButton: React.FC<LMButtonProps> = ({\n  children,\n  variant = 'primary',\n  size = 'md',\n  loading = false,\n  loadingText,\n  leftIcon,\n  rightIcon,\n  fullWidth = false,\n  rounded = false,\n  disabled = false,\n  className = '',\n  ...props\n}) => {\n  const isDisabled = disabled || loading\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n\n  // Apple-like refined border radius (12px default, full for pill)\n  const roundedClasses = rounded ? 'rounded-full' : 'rounded-xl'\n  const widthClasses = fullWidth ? 'w-full' : ''\n\n  // Apple-like base styling with refined transitions\n  const baseClassName = cn(\n    SIZE_BUTTON_CONFIG[resolvedSize].padding,\n    SIZE_TEXT_CLASSES[resolvedSize],\n    SIZE_GAP_CLASSES[resolvedSize],\n    roundedClasses,\n    widthClasses,\n    'border font-medium',\n    'focus:ring-2 focus:ring-offset-0 focus:outline-none',\n    'disabled:cursor-not-allowed',\n    'flex items-center justify-center',\n    'cursor-pointer select-none',\n    className\n  )\n\n  const getButtonStyles = () => {\n    // Apple-like base styles with refined shadows and transitions\n    const baseStyles = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      color: 'var(--lm-text-primary)',\n      borderColor: 'var(--lm-border-default)',\n      boxShadow: 'var(--lm-shadow-sm)',\n      transition: 'all var(--lm-transition-normal) var(--lm-ease-out)',\n    }\n\n    switch (variant) {\n      case 'primary':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-primary-500)',\n          color: 'white',\n          borderColor: 'transparent',\n          boxShadow: 'var(--lm-shadow-md)',\n          '--tw-ring-color': 'var(--lm-primary-400)',\n          '--tw-ring-opacity': '0.4',\n        }\n      case 'secondary':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-bg-elevated)',\n          color: 'var(--lm-text-primary)',\n          borderColor: 'var(--lm-border-default)',\n          '--tw-ring-color': 'var(--lm-primary-400)',\n          '--tw-ring-opacity': '0.3',\n        }\n      case 'outline':\n        return {\n          ...baseStyles,\n          backgroundColor: 'transparent',\n          color: 'var(--lm-primary-500)',\n          borderColor: 'var(--lm-primary-400)',\n          boxShadow: 'none',\n          '--tw-ring-color': 'var(--lm-primary-400)',\n          '--tw-ring-opacity': '0.3',\n        }\n      case 'ghost':\n        return {\n          ...baseStyles,\n          backgroundColor: 'transparent',\n          color: 'var(--lm-text-primary)',\n          borderColor: 'transparent',\n          boxShadow: 'none',\n          '--tw-ring-color': 'var(--lm-primary-400)',\n          '--tw-ring-opacity': '0.3',\n        }\n      case 'danger':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-error-500)',\n          color: 'white',\n          borderColor: 'transparent',\n          boxShadow: 'var(--lm-shadow-md)',\n          '--tw-ring-color': 'var(--lm-error-400)',\n          '--tw-ring-opacity': '0.4',\n        }\n      case 'success':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-success-500)',\n          color: 'white',\n          borderColor: 'transparent',\n          boxShadow: 'var(--lm-shadow-md)',\n          '--tw-ring-color': 'var(--lm-success-400)',\n          '--tw-ring-opacity': '0.4',\n        }\n      case 'warning':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-warning-500)',\n          color: 'white',\n          borderColor: 'transparent',\n          boxShadow: 'var(--lm-shadow-md)',\n          '--tw-ring-color': 'var(--lm-warning-400)',\n          '--tw-ring-opacity': '0.4',\n        }\n      default:\n        return baseStyles\n    }\n  }\n\n  const getDisabledStyles = () => {\n    if (isDisabled) {\n      return {\n        backgroundColor: 'var(--lm-bg-paper)',\n        color: 'var(--lm-text-disabled)',\n        borderColor: 'var(--lm-border-light)',\n        cursor: 'not-allowed',\n        opacity: 0.6,\n      }\n    }\n    return {}\n  }\n\n  // Apple-like subtle hover with scale effect\n  const getHoverStyles = () => {\n    if (isDisabled) return {}\n\n    const baseHover = {\n      transform: 'scale(1.02)',\n    }\n\n    switch (variant) {\n      case 'primary':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-primary-600)',\n          boxShadow: 'var(--lm-shadow-lg)',\n        }\n      case 'secondary':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-bg-hover)',\n          borderColor: 'var(--lm-border-strong)',\n        }\n      case 'outline':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-primary-50)',\n          borderColor: 'var(--lm-primary-500)',\n        }\n      case 'ghost':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-bg-hover)',\n        }\n      case 'danger':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-error-600)',\n          boxShadow: 'var(--lm-shadow-lg)',\n        }\n      case 'success':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-success-600)',\n          boxShadow: 'var(--lm-shadow-lg)',\n        }\n      case 'warning':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-warning-600)',\n          boxShadow: 'var(--lm-shadow-lg)',\n        }\n      default:\n        return baseHover\n    }\n  }\n\n  // Apple-like pressed state with scale down\n  const getActiveStyles = () => {\n    if (isDisabled) return {}\n\n    const baseActive = {\n      transform: 'scale(0.98)',\n    }\n\n    switch (variant) {\n      case 'primary':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-primary-700)',\n        }\n      case 'secondary':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-bg-active)',\n        }\n      case 'outline':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-primary-100)',\n        }\n      case 'ghost':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-bg-active)',\n        }\n      case 'danger':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-error-700)',\n        }\n      case 'success':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-success-700)',\n        }\n      case 'warning':\n        return {\n          ...baseActive,\n          backgroundColor: 'var(--lm-warning-700)',\n        }\n      default:\n        return baseActive\n    }\n  }\n\n  const getIconStyles = () => {\n    if (isDisabled) {\n      return { color: 'var(--lm-text-disabled)' }\n    }\n    switch (variant) {\n      case 'primary':\n      case 'danger':\n      case 'success':\n      case 'warning':\n        return { color: 'white' }\n      case 'outline':\n        return { color: 'var(--lm-primary-600)' }\n      default:\n        return { color: 'var(--lm-text-primary)' }\n    }\n  }\n\n  return (\n    <button\n      {...props}\n      disabled={isDisabled}\n      className={baseClassName}\n      style={{\n        ...getButtonStyles(),\n        ...getDisabledStyles(),\n      } as React.CSSProperties}\n      onMouseEnter={(e) => {\n        if (!isDisabled) Object.assign(e.currentTarget.style, getHoverStyles())\n        props.onMouseEnter?.(e)\n      }}\n      onMouseLeave={(e) => {\n        if (!isDisabled)\n          Object.assign(e.currentTarget.style, {\n            ...getButtonStyles(),\n            ...getDisabledStyles(),\n          })\n        props.onMouseLeave?.(e)\n      }}\n      onMouseDown={(e) => {\n        if (!isDisabled) Object.assign(e.currentTarget.style, getActiveStyles())\n        props.onMouseDown?.(e)\n      }}\n      onMouseUp={(e) => {\n        if (!isDisabled) Object.assign(e.currentTarget.style, getHoverStyles())\n        props.onMouseUp?.(e)\n      }}\n      onFocus={(e) => {\n        if (!isDisabled) {\n          e.currentTarget.style.borderColor = 'var(--lm-primary-400)'\n        }\n        props.onFocus?.(e)\n      }}\n      onBlur={(e) => {\n        if (!isDisabled)\n          Object.assign(e.currentTarget.style, {\n            ...getButtonStyles(),\n            ...getDisabledStyles(),\n          })\n        props.onBlur?.(e)\n      }}\n    >\n      {loading ? (\n        <>\n          <LoadingSpinner style={getIconStyles()} />\n          {loadingText || children}\n        </>\n      ) : (\n        <>\n          {leftIcon && <span style={getIconStyles()}>{leftIcon}</span>}\n          <span className=\"inline-flex items-center\">{children}</span>\n          {rightIcon && <span style={getIconStyles()}>{rightIcon}</span>}\n        </>\n      )}\n    </button>\n  )\n}\n\nexport default memo(LMButton)\n"],"names":[],"mappings":"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"}

package/dist/{LMCard-D_K051f2.cjs → LMCard-lJGrsAzY.cjs}

@@ -2,6 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const componentSizes = require("./componentSizes-DUTZ7uEM.cjs");
+const cn = require("./cn-I2jp-M-K.cjs");
 const LMCard = ({
   title,
   extra,
@@ -29,11 +30,13 @@ const LMCard = ({
   const roundedClasses = "rounded-xl";
   const borderClasses = bordered ? "border" : "";
   const hoverableClasses = hoverable ? "cursor-pointer" : "";
-  const baseClassName = `
-    ${roundedClasses} ${borderClasses} ${hoverableClasses}
-    overflow-hidden
-    ${className}
-  `.trim().replace(/\s+/g, " ");
+  const baseClassName = cn.cn(
+    roundedClasses,
+    borderClasses,
+    hoverableClasses,
+    "overflow-hidden",
+    className
+  );
   const getCardStyles = () => {
     const baseStyles = {
       backgroundColor: "var(--lm-bg-elevated)",
@@ -203,4 +206,4 @@ const LMCard = ({
   );
 };
 exports.LMCard = LMCard;
-//# sourceMappingURL=LMCard-D_K051f2.cjs.map
+//# sourceMappingURL=LMCard-lJGrsAzY.cjs.map

package/dist/LMCard-lJGrsAzY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMCard-lJGrsAzY.cjs","sources":["../src/components/DataDisplay/LMCard/LMCard.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_PADDING_CLASSES,\n  SIZE_TEXT_CLASSES,\n  SIZE_GAP_CLASSES,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\nimport { cn } from '../../../utils/cn'\n\nexport interface LMCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Card title */\n  title?: React.ReactNode\n  /** Extra content in the top-right corner */\n  extra?: React.ReactNode\n  /** Card content */\n  children: React.ReactNode\n  /** Card size */\n  size?: ComponentSize\n  /** Show border */\n  bordered?: boolean\n  /** Hoverable effect */\n  hoverable?: boolean\n  /** Loading state - shows skeleton */\n  loading?: boolean\n  /** Cover image at top */\n  cover?: React.ReactNode\n  /** Actions at bottom */\n  actions?: React.ReactNode[]\n  /** Visual variant */\n  variant?: 'default' | 'elevated' | 'outline' | 'soft'\n  /** Custom class name */\n  className?: string\n}\n\nconst LMCard: React.FC<LMCardProps> = ({\n  title,\n  extra,\n  children,\n  size = 'md',\n  bordered = true,\n  hoverable = false,\n  loading = false,\n  cover,\n  actions,\n  variant = 'default',\n  className = '',\n  ...rest\n}) => {\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n  const [isHovered, setIsHovered] = useState(false)\n\n  const titleTextClasses: Record<ComponentSize, string> = {\n    xs: 'text-sm',\n    sm: 'text-sm',\n    md: 'text-base',\n    lg: 'text-lg',\n    xl: 'text-xl',\n    '2xl': 'text-2xl',\n  }\n\n  // Apple-like refined border radius\n  const roundedClasses = 'rounded-xl'\n  const borderClasses = bordered ? 'border' : ''\n  const hoverableClasses = hoverable ? 'cursor-pointer' : ''\n\n  // Apple-like card styling\n  const baseClassName = cn(\n    roundedClasses, borderClasses, hoverableClasses,\n    'overflow-hidden',\n    className\n  )\n\n  const getCardStyles = (): React.CSSProperties => {\n    // Apple-like refined card styles with smooth transitions\n    const baseStyles: React.CSSProperties = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      borderColor: 'var(--lm-border-default)',\n      boxShadow: 'var(--lm-shadow-sm)',\n      transition: 'all var(--lm-transition-normal) var(--lm-ease-out)',\n    }\n\n    switch (variant) {\n      case 'elevated':\n        return {\n          ...baseStyles,\n          boxShadow: 'var(--lm-shadow-md)',\n        }\n      case 'outline':\n        return {\n          ...baseStyles,\n          backgroundColor: 'transparent',\n          borderColor: 'var(--lm-border-strong)',\n          boxShadow: 'none',\n        }\n      case 'soft':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-bg-paper)',\n          borderColor: 'var(--lm-border-light)',\n          boxShadow: 'none',\n        }\n      default:\n        return baseStyles\n    }\n  }\n\n  // Apple-like subtle hover with scale effect (not translateY)\n  const getHoverStyles = (): React.CSSProperties => {\n    if (!hoverable) return {}\n\n    const baseHover: React.CSSProperties = {\n      boxShadow: 'var(--lm-shadow-lg)',\n      borderColor: 'var(--lm-border-strong)',\n      transform: 'scale(1.01)',\n    }\n\n    switch (variant) {\n      case 'elevated':\n        return {\n          ...baseHover,\n          boxShadow: 'var(--lm-shadow-xl)',\n        }\n      case 'outline':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-bg-hover)',\n          boxShadow: 'var(--lm-shadow-md)',\n        }\n      case 'soft':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-bg-hover)',\n          boxShadow: 'var(--lm-shadow-md)',\n        }\n      default:\n        return baseHover\n    }\n  }\n\n  const currentStyles = isHovered && hoverable ? { ...getCardStyles(), ...getHoverStyles() } : getCardStyles()\n\n  // Loading skeleton\n  const renderSkeleton = () => (\n    <div className=\"animate-pulse\">\n      {title && (\n        <div className=\"mb-4\">\n          <div\n            className=\"h-4 rounded w-1/3\"\n            style={{ backgroundColor: 'var(--lm-bg-active)' }}\n          />\n        </div>\n      )}\n      <div className=\"space-y-3\">\n        <div\n          className=\"h-4 rounded w-full\"\n          style={{ backgroundColor: 'var(--lm-bg-active)' }}\n        />\n        <div\n          className=\"h-4 rounded w-5/6\"\n          style={{ backgroundColor: 'var(--lm-bg-active)' }}\n        />\n        <div\n          className=\"h-4 rounded w-4/6\"\n          style={{ backgroundColor: 'var(--lm-bg-active)' }}\n        />\n      </div>\n    </div>\n  )\n\n  // Header section\n  const renderHeader = () => {\n    if (!title && !extra) return null\n\n    return (\n      <div\n        className={`flex items-center justify-between ${SIZE_GAP_CLASSES[resolvedSize]} border-b`}\n        style={{\n          borderColor: 'var(--lm-border-light)',\n          padding: `${SIZE_PADDING_CLASSES[resolvedSize].split(' ')[0].replace('px-', '')}rem ${SIZE_PADDING_CLASSES[resolvedSize].split(' ')[1]?.replace('py-', '') || '1'}rem`,\n          paddingLeft: '1rem',\n          paddingRight: '1rem',\n          paddingTop: '0.75rem',\n          paddingBottom: '0.75rem',\n        }}\n      >\n        {title && (\n          <div\n            className={`${titleTextClasses[resolvedSize]} font-semibold`}\n            style={{ color: 'var(--lm-text-primary)' }}\n          >\n            {title}\n          </div>\n        )}\n        {extra && (\n          <div\n            className={SIZE_TEXT_CLASSES[resolvedSize]}\n            style={{ color: 'var(--lm-text-secondary)' }}\n          >\n            {extra}\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  // Actions section\n  const renderActions = () => {\n    if (!actions || actions.length === 0) return null\n\n    return (\n      <div\n        className=\"flex items-center border-t\"\n        style={{ borderColor: 'var(--lm-border-light)' }}\n      >\n        {actions.map((action, index) => (\n          <div\n            key={index}\n            className={`flex-1 flex items-center justify-center py-3 transition-colors duration-200 hover:bg-(--lm-bg-hover) ${\n              index !== actions.length - 1 ? 'border-r' : ''\n            }`}\n            style={{\n              borderColor: 'var(--lm-border-light)',\n              color: 'var(--lm-text-secondary)',\n            }}\n          >\n            {action}\n          </div>\n        ))}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={baseClassName}\n      style={currentStyles}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      {...rest}\n    >\n      {/* Cover image */}\n      {cover && (\n        <div className=\"w-full overflow-hidden\">\n          {cover}\n        </div>\n      )}\n\n      {/* Header */}\n      {renderHeader()}\n\n      {/* Body */}\n      <div className={SIZE_PADDING_CLASSES[resolvedSize]}>\n        {loading ? renderSkeleton() : children}\n      </div>\n\n      {/* Actions */}\n      {renderActions()}\n    </div>\n  )\n}\n\nexport default LMCard\n"],"names":["clampComponentSize","COMPONENT_SIZE_ORDER","useState","cn","jsxs","jsx","SIZE_GAP_CLASSES","SIZE_PADDING_CLASSES","SIZE_TEXT_CLASSES"],"mappings":"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"}

package/dist/{LMCard-D7ABNC95.js → LMCard-uuWNjVQL.js}

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { c as clampComponentSize, e as SIZE_PADDING_CLASSES, f as SIZE_GAP_CLASSES, b as SIZE_TEXT_CLASSES, C as COMPONENT_SIZE_ORDER } from "./componentSizes-CdWNL526.js";
+import { c as cn } from "./cn-wDEkOmcn.js";
 const LMCard = ({
   title,
   extra,
@@ -28,11 +29,13 @@ const LMCard = ({
   const roundedClasses = "rounded-xl";
   const borderClasses = bordered ? "border" : "";
   const hoverableClasses = hoverable ? "cursor-pointer" : "";
-  const baseClassName = `
-    ${roundedClasses} ${borderClasses} ${hoverableClasses}
-    overflow-hidden
-    ${className}
-  `.trim().replace(/\s+/g, " ");
+  const baseClassName = cn(
+    roundedClasses,
+    borderClasses,
+    hoverableClasses,
+    "overflow-hidden",
+    className
+  );
   const getCardStyles = () => {
     const baseStyles = {
       backgroundColor: "var(--lm-bg-elevated)",
@@ -204,4 +207,4 @@ const LMCard = ({
 export {
   LMCard as L
 };
-//# sourceMappingURL=LMCard-D7ABNC95.js.map
+//# sourceMappingURL=LMCard-uuWNjVQL.js.map

package/dist/LMCard-uuWNjVQL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMCard-uuWNjVQL.js","sources":["../src/components/DataDisplay/LMCard/LMCard.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_PADDING_CLASSES,\n  SIZE_TEXT_CLASSES,\n  SIZE_GAP_CLASSES,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\nimport { cn } from '../../../utils/cn'\n\nexport interface LMCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Card title */\n  title?: React.ReactNode\n  /** Extra content in the top-right corner */\n  extra?: React.ReactNode\n  /** Card content */\n  children: React.ReactNode\n  /** Card size */\n  size?: ComponentSize\n  /** Show border */\n  bordered?: boolean\n  /** Hoverable effect */\n  hoverable?: boolean\n  /** Loading state - shows skeleton */\n  loading?: boolean\n  /** Cover image at top */\n  cover?: React.ReactNode\n  /** Actions at bottom */\n  actions?: React.ReactNode[]\n  /** Visual variant */\n  variant?: 'default' | 'elevated' | 'outline' | 'soft'\n  /** Custom class name */\n  className?: string\n}\n\nconst LMCard: React.FC<LMCardProps> = ({\n  title,\n  extra,\n  children,\n  size = 'md',\n  bordered = true,\n  hoverable = false,\n  loading = false,\n  cover,\n  actions,\n  variant = 'default',\n  className = '',\n  ...rest\n}) => {\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n  const [isHovered, setIsHovered] = useState(false)\n\n  const titleTextClasses: Record<ComponentSize, string> = {\n    xs: 'text-sm',\n    sm: 'text-sm',\n    md: 'text-base',\n    lg: 'text-lg',\n    xl: 'text-xl',\n    '2xl': 'text-2xl',\n  }\n\n  // Apple-like refined border radius\n  const roundedClasses = 'rounded-xl'\n  const borderClasses = bordered ? 'border' : ''\n  const hoverableClasses = hoverable ? 'cursor-pointer' : ''\n\n  // Apple-like card styling\n  const baseClassName = cn(\n    roundedClasses, borderClasses, hoverableClasses,\n    'overflow-hidden',\n    className\n  )\n\n  const getCardStyles = (): React.CSSProperties => {\n    // Apple-like refined card styles with smooth transitions\n    const baseStyles: React.CSSProperties = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      borderColor: 'var(--lm-border-default)',\n      boxShadow: 'var(--lm-shadow-sm)',\n      transition: 'all var(--lm-transition-normal) var(--lm-ease-out)',\n    }\n\n    switch (variant) {\n      case 'elevated':\n        return {\n          ...baseStyles,\n          boxShadow: 'var(--lm-shadow-md)',\n        }\n      case 'outline':\n        return {\n          ...baseStyles,\n          backgroundColor: 'transparent',\n          borderColor: 'var(--lm-border-strong)',\n          boxShadow: 'none',\n        }\n      case 'soft':\n        return {\n          ...baseStyles,\n          backgroundColor: 'var(--lm-bg-paper)',\n          borderColor: 'var(--lm-border-light)',\n          boxShadow: 'none',\n        }\n      default:\n        return baseStyles\n    }\n  }\n\n  // Apple-like subtle hover with scale effect (not translateY)\n  const getHoverStyles = (): React.CSSProperties => {\n    if (!hoverable) return {}\n\n    const baseHover: React.CSSProperties = {\n      boxShadow: 'var(--lm-shadow-lg)',\n      borderColor: 'var(--lm-border-strong)',\n      transform: 'scale(1.01)',\n    }\n\n    switch (variant) {\n      case 'elevated':\n        return {\n          ...baseHover,\n          boxShadow: 'var(--lm-shadow-xl)',\n        }\n      case 'outline':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-bg-hover)',\n          boxShadow: 'var(--lm-shadow-md)',\n        }\n      case 'soft':\n        return {\n          ...baseHover,\n          backgroundColor: 'var(--lm-bg-hover)',\n          boxShadow: 'var(--lm-shadow-md)',\n        }\n      default:\n        return baseHover\n    }\n  }\n\n  const currentStyles = isHovered && hoverable ? { ...getCardStyles(), ...getHoverStyles() } : getCardStyles()\n\n  // Loading skeleton\n  const renderSkeleton = () => (\n    <div className=\"animate-pulse\">\n      {title && (\n        <div className=\"mb-4\">\n          <div\n            className=\"h-4 rounded w-1/3\"\n            style={{ backgroundColor: 'var(--lm-bg-active)' }}\n          />\n        </div>\n      )}\n      <div className=\"space-y-3\">\n        <div\n          className=\"h-4 rounded w-full\"\n          style={{ backgroundColor: 'var(--lm-bg-active)' }}\n        />\n        <div\n          className=\"h-4 rounded w-5/6\"\n          style={{ backgroundColor: 'var(--lm-bg-active)' }}\n        />\n        <div\n          className=\"h-4 rounded w-4/6\"\n          style={{ backgroundColor: 'var(--lm-bg-active)' }}\n        />\n      </div>\n    </div>\n  )\n\n  // Header section\n  const renderHeader = () => {\n    if (!title && !extra) return null\n\n    return (\n      <div\n        className={`flex items-center justify-between ${SIZE_GAP_CLASSES[resolvedSize]} border-b`}\n        style={{\n          borderColor: 'var(--lm-border-light)',\n          padding: `${SIZE_PADDING_CLASSES[resolvedSize].split(' ')[0].replace('px-', '')}rem ${SIZE_PADDING_CLASSES[resolvedSize].split(' ')[1]?.replace('py-', '') || '1'}rem`,\n          paddingLeft: '1rem',\n          paddingRight: '1rem',\n          paddingTop: '0.75rem',\n          paddingBottom: '0.75rem',\n        }}\n      >\n        {title && (\n          <div\n            className={`${titleTextClasses[resolvedSize]} font-semibold`}\n            style={{ color: 'var(--lm-text-primary)' }}\n          >\n            {title}\n          </div>\n        )}\n        {extra && (\n          <div\n            className={SIZE_TEXT_CLASSES[resolvedSize]}\n            style={{ color: 'var(--lm-text-secondary)' }}\n          >\n            {extra}\n          </div>\n        )}\n      </div>\n    )\n  }\n\n  // Actions section\n  const renderActions = () => {\n    if (!actions || actions.length === 0) return null\n\n    return (\n      <div\n        className=\"flex items-center border-t\"\n        style={{ borderColor: 'var(--lm-border-light)' }}\n      >\n        {actions.map((action, index) => (\n          <div\n            key={index}\n            className={`flex-1 flex items-center justify-center py-3 transition-colors duration-200 hover:bg-(--lm-bg-hover) ${\n              index !== actions.length - 1 ? 'border-r' : ''\n            }`}\n            style={{\n              borderColor: 'var(--lm-border-light)',\n              color: 'var(--lm-text-secondary)',\n            }}\n          >\n            {action}\n          </div>\n        ))}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={baseClassName}\n      style={currentStyles}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      {...rest}\n    >\n      {/* Cover image */}\n      {cover && (\n        <div className=\"w-full overflow-hidden\">\n          {cover}\n        </div>\n      )}\n\n      {/* Header */}\n      {renderHeader()}\n\n      {/* Body */}\n      <div className={SIZE_PADDING_CLASSES[resolvedSize]}>\n        {loading ? renderSkeleton() : children}\n      </div>\n\n      {/* Actions */}\n      {renderActions()}\n    </div>\n  )\n}\n\nexport default LMCard\n"],"names":[],"mappings":"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"}

package/dist/{LMCheckbox-C2YvEQ8f.cjs → LMCheckbox-C5gRhXJk.cjs}

@@ -1,6 +1,8 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
+const cn = require("./cn-I2jp-M-K.cjs");
 const componentSizes = require("./componentSizes-DUTZ7uEM.cjs");
+const ErrorMessage = require("./ErrorMessage-CbE7emgD.cjs");
 const sizeConfig = {
   xs: {
     container: "p-2 gap-2",
@@ -94,12 +96,13 @@ const LMCheckbox = ({
     };
   };
   const getDescriptionStyles = () => error ? { color: "var(--lm-error-600)" } : { color: "var(--lm-text-secondary)" };
-  const checkboxClassName = `
-    ${checkboxSizeClass} border-2 rounded-md
-    focus:ring-2 focus:ring-offset-0
-    transition-all duration-200
-    ${className}
-  `.trim().replace(/\s+/g, " ");
+  const checkboxClassName = cn.cn(
+    checkboxSizeClass,
+    "border-2 rounded-md",
+    "focus:ring-2 focus:ring-offset-0",
+    "transition-all duration-200",
+    className
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "label",
@@ -164,34 +167,8 @@ const LMCheckbox = ({
         ]
       }
     ),
-    errorMessage && /* @__PURE__ */ jsxRuntime.jsxs(
-      "p",
-      {
-        className: `flex items-center gap-1 ${currentSize.errorMessage}`,
-        style: { color: "var(--lm-error-500)" },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              className: "w-3 h-3",
-              fill: "currentColor",
-              viewBox: "0 0 20 20",
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ jsxRuntime.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
-        ]
-      }
-    )
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage.ErrorMessage, { message: errorMessage })
   ] });
 };
 exports.LMCheckbox = LMCheckbox;
-//# sourceMappingURL=LMCheckbox-C2YvEQ8f.cjs.map
+//# sourceMappingURL=LMCheckbox-C5gRhXJk.cjs.map

package/dist/LMCheckbox-C5gRhXJk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMCheckbox-C5gRhXJk.cjs","sources":["../src/components/Form/LMCheckbox/LMCheckbox.tsx"],"sourcesContent":["import React from 'react'\nimport { cn } from '../../../utils/cn'\nimport { SIZE_ICON_CONFIG } from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\nimport { ErrorMessage } from '../../_internal/ErrorMessage'\n\nexport interface LMCheckboxProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  /** Label text */\n  label: string\n  /** Description text */\n  description?: string\n  /** Error state */\n  error?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Size */\n  size?: ComponentSize\n}\n\nconst sizeConfig = {\n  xs: {\n    container: 'p-2 gap-2',\n    label: 'text-xs',\n    description: 'text-xs mt-0.5',\n    errorMessage: 'text-xs',\n  },\n  sm: {\n    container: 'p-3 gap-2.5',\n    label: 'text-sm',\n    description: 'text-xs mt-1',\n    errorMessage: 'text-xs',\n  },\n  md: {\n    container: 'p-4 gap-3',\n    label: 'text-base',\n    description: 'text-sm mt-1',\n    errorMessage: 'text-xs',\n  },\n  lg: {\n    container: 'p-5 gap-4',\n    label: 'text-lg',\n    description: 'text-base mt-1.5',\n    errorMessage: 'text-sm',\n  },\n  xl: {\n    container: 'p-6 gap-4',\n    label: 'text-xl',\n    description: 'text-lg mt-2',\n    errorMessage: 'text-sm',\n  },\n  '2xl': {\n    container: 'p-8 gap-5',\n    label: 'text-2xl',\n    description: 'text-xl mt-2.5',\n    errorMessage: 'text-base',\n  },\n}\n\nconst LMCheckbox: React.FC<LMCheckboxProps> = ({\n  label,\n  description,\n  error = false,\n  errorMessage,\n  size = 'md',\n  className = '',\n  ...props\n}) => {\n  const currentSize = sizeConfig[size]\n  const checkboxSizeClass = SIZE_ICON_CONFIG[size]\n\n  const getCheckboxStyles = () => {\n    const baseStyles = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      borderColor: error\n        ? 'var(--lm-error-300)'\n        : 'var(--lm-border-default)',\n      color: 'var(--lm-primary-500)',\n    }\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    } as React.CSSProperties\n  }\n\n  const getDisabledStyles = () => {\n    if (props.disabled) {\n      return {\n        backgroundColor: 'var(--lm-bg-paper)',\n        borderColor: 'var(--lm-border-light)',\n        color: 'var(--lm-text-disabled)',\n        cursor: 'not-allowed',\n        opacity: 0.6,\n      } as React.CSSProperties\n    }\n    return {}\n  }\n\n  const getContainerStyles = () =>\n    ({\n      backgroundColor: error\n        ? 'var(--lm-error-50)'\n        : 'var(--lm-bg-paper)',\n    }) as React.CSSProperties\n\n  const getHoverContainerStyles = () =>\n    ({\n      backgroundColor: error\n        ? 'var(--lm-error-100)'\n        : 'var(--lm-bg-elevated)',\n    }) as React.CSSProperties\n\n  const getLabelStyles = () => {\n    if (error)\n      return { color: 'var(--lm-error-700)' } as React.CSSProperties\n    if (props.disabled)\n      return {\n        color: 'var(--lm-text-disabled)',\n        cursor: 'not-allowed',\n      } as React.CSSProperties\n    return {\n      color: 'var(--lm-text-primary)',\n      cursor: 'pointer',\n    } as React.CSSProperties\n  }\n\n  const getDescriptionStyles = () =>\n    (error\n      ? { color: 'var(--lm-error-600)' }\n      : { color: 'var(--lm-text-secondary)' }) as React.CSSProperties\n\n  const checkboxClassName = cn(\n    checkboxSizeClass,\n    'border-2 rounded-md',\n    'focus:ring-2 focus:ring-offset-0',\n    'transition-all duration-200',\n    className\n  )\n\n  return (\n    <div>\n      <label\n        className={`flex items-center rounded-2xl transition-colors duration-200 ${currentSize.container} ${\n          props.disabled ? '' : 'cursor-pointer'\n        }`}\n        style={getContainerStyles()}\n        onMouseEnter={(e) => {\n          if (!props.disabled) {\n            Object.assign(e.currentTarget.style, getHoverContainerStyles())\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!props.disabled) {\n            Object.assign(e.currentTarget.style, getContainerStyles())\n          }\n        }}\n      >\n        <input\n          type=\"checkbox\"\n          {...props}\n          className={checkboxClassName}\n          style={{\n            ...getCheckboxStyles(),\n            ...getDisabledStyles(),\n          }}\n          onFocus={(e) => {\n            if (!props.disabled) {\n              e.currentTarget.style.borderColor = error\n                ? 'var(--lm-error-400)'\n                : 'var(--lm-primary-400)'\n            }\n            props.onFocus?.(e)\n          }}\n          onBlur={(e) => {\n            if (!props.disabled) {\n              e.currentTarget.style.borderColor = error\n                ? 'var(--lm-error-300)'\n                : 'var(--lm-border-default)'\n            }\n            props.onBlur?.(e)\n          }}\n        />\n\n        <div className=\"flex-1\">\n          <span\n            className={`font-medium leading-tight transition-colors duration-200 ${currentSize.label}`}\n            style={getLabelStyles()}\n          >\n            {label}\n          </span>\n          {description && (\n            <p\n              className={currentSize.description}\n              style={getDescriptionStyles()}\n            >\n              {description}\n            </p>\n          )}\n        </div>\n      </label>\n\n      {errorMessage && <ErrorMessage message={errorMessage} />}\n    </div>\n  )\n}\n\nexport default LMCheckbox\n"],"names":["SIZE_ICON_CONFIG","cn","jsxs","jsx","ErrorMessage"],"mappings":"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"}

package/dist/{LMCheckbox-DaaJRjKt.js → LMCheckbox-DPg4CldM.js}

@@ -1,5 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { c as cn } from "./cn-wDEkOmcn.js";
 import { S as SIZE_ICON_CONFIG } from "./componentSizes-CdWNL526.js";
+import { E as ErrorMessage } from "./ErrorMessage-Dt4cJ-sy.js";
 const sizeConfig = {
   xs: {
     container: "p-2 gap-2",
@@ -93,12 +95,13 @@ const LMCheckbox = ({
     };
   };
   const getDescriptionStyles = () => error ? { color: "var(--lm-error-600)" } : { color: "var(--lm-text-secondary)" };
-  const checkboxClassName = `
-    ${checkboxSizeClass} border-2 rounded-md
-    focus:ring-2 focus:ring-offset-0
-    transition-all duration-200
-    ${className}
-  `.trim().replace(/\s+/g, " ");
+  const checkboxClassName = cn(
+    checkboxSizeClass,
+    "border-2 rounded-md",
+    "focus:ring-2 focus:ring-offset-0",
+    "transition-all duration-200",
+    className
+  );
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs(
       "label",
@@ -163,36 +166,10 @@ const LMCheckbox = ({
         ]
       }
     ),
-    errorMessage && /* @__PURE__ */ jsxs(
-      "p",
-      {
-        className: `flex items-center gap-1 ${currentSize.errorMessage}`,
-        style: { color: "var(--lm-error-500)" },
-        children: [
-          /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: "w-3 h-3",
-              fill: "currentColor",
-              viewBox: "0 0 20 20",
-              "aria-hidden": "true",
-              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
-        ]
-      }
-    )
+    errorMessage && /* @__PURE__ */ jsx(ErrorMessage, { message: errorMessage })
   ] });
 };
 export {
   LMCheckbox as L
 };
-//# sourceMappingURL=LMCheckbox-DaaJRjKt.js.map
+//# sourceMappingURL=LMCheckbox-DPg4CldM.js.map

package/dist/LMCheckbox-DPg4CldM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMCheckbox-DPg4CldM.js","sources":["../src/components/Form/LMCheckbox/LMCheckbox.tsx"],"sourcesContent":["import React from 'react'\nimport { cn } from '../../../utils/cn'\nimport { SIZE_ICON_CONFIG } from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\nimport { ErrorMessage } from '../../_internal/ErrorMessage'\n\nexport interface LMCheckboxProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {\n  /** Label text */\n  label: string\n  /** Description text */\n  description?: string\n  /** Error state */\n  error?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Size */\n  size?: ComponentSize\n}\n\nconst sizeConfig = {\n  xs: {\n    container: 'p-2 gap-2',\n    label: 'text-xs',\n    description: 'text-xs mt-0.5',\n    errorMessage: 'text-xs',\n  },\n  sm: {\n    container: 'p-3 gap-2.5',\n    label: 'text-sm',\n    description: 'text-xs mt-1',\n    errorMessage: 'text-xs',\n  },\n  md: {\n    container: 'p-4 gap-3',\n    label: 'text-base',\n    description: 'text-sm mt-1',\n    errorMessage: 'text-xs',\n  },\n  lg: {\n    container: 'p-5 gap-4',\n    label: 'text-lg',\n    description: 'text-base mt-1.5',\n    errorMessage: 'text-sm',\n  },\n  xl: {\n    container: 'p-6 gap-4',\n    label: 'text-xl',\n    description: 'text-lg mt-2',\n    errorMessage: 'text-sm',\n  },\n  '2xl': {\n    container: 'p-8 gap-5',\n    label: 'text-2xl',\n    description: 'text-xl mt-2.5',\n    errorMessage: 'text-base',\n  },\n}\n\nconst LMCheckbox: React.FC<LMCheckboxProps> = ({\n  label,\n  description,\n  error = false,\n  errorMessage,\n  size = 'md',\n  className = '',\n  ...props\n}) => {\n  const currentSize = sizeConfig[size]\n  const checkboxSizeClass = SIZE_ICON_CONFIG[size]\n\n  const getCheckboxStyles = () => {\n    const baseStyles = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      borderColor: error\n        ? 'var(--lm-error-300)'\n        : 'var(--lm-border-default)',\n      color: 'var(--lm-primary-500)',\n    }\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    } as React.CSSProperties\n  }\n\n  const getDisabledStyles = () => {\n    if (props.disabled) {\n      return {\n        backgroundColor: 'var(--lm-bg-paper)',\n        borderColor: 'var(--lm-border-light)',\n        color: 'var(--lm-text-disabled)',\n        cursor: 'not-allowed',\n        opacity: 0.6,\n      } as React.CSSProperties\n    }\n    return {}\n  }\n\n  const getContainerStyles = () =>\n    ({\n      backgroundColor: error\n        ? 'var(--lm-error-50)'\n        : 'var(--lm-bg-paper)',\n    }) as React.CSSProperties\n\n  const getHoverContainerStyles = () =>\n    ({\n      backgroundColor: error\n        ? 'var(--lm-error-100)'\n        : 'var(--lm-bg-elevated)',\n    }) as React.CSSProperties\n\n  const getLabelStyles = () => {\n    if (error)\n      return { color: 'var(--lm-error-700)' } as React.CSSProperties\n    if (props.disabled)\n      return {\n        color: 'var(--lm-text-disabled)',\n        cursor: 'not-allowed',\n      } as React.CSSProperties\n    return {\n      color: 'var(--lm-text-primary)',\n      cursor: 'pointer',\n    } as React.CSSProperties\n  }\n\n  const getDescriptionStyles = () =>\n    (error\n      ? { color: 'var(--lm-error-600)' }\n      : { color: 'var(--lm-text-secondary)' }) as React.CSSProperties\n\n  const checkboxClassName = cn(\n    checkboxSizeClass,\n    'border-2 rounded-md',\n    'focus:ring-2 focus:ring-offset-0',\n    'transition-all duration-200',\n    className\n  )\n\n  return (\n    <div>\n      <label\n        className={`flex items-center rounded-2xl transition-colors duration-200 ${currentSize.container} ${\n          props.disabled ? '' : 'cursor-pointer'\n        }`}\n        style={getContainerStyles()}\n        onMouseEnter={(e) => {\n          if (!props.disabled) {\n            Object.assign(e.currentTarget.style, getHoverContainerStyles())\n          }\n        }}\n        onMouseLeave={(e) => {\n          if (!props.disabled) {\n            Object.assign(e.currentTarget.style, getContainerStyles())\n          }\n        }}\n      >\n        <input\n          type=\"checkbox\"\n          {...props}\n          className={checkboxClassName}\n          style={{\n            ...getCheckboxStyles(),\n            ...getDisabledStyles(),\n          }}\n          onFocus={(e) => {\n            if (!props.disabled) {\n              e.currentTarget.style.borderColor = error\n                ? 'var(--lm-error-400)'\n                : 'var(--lm-primary-400)'\n            }\n            props.onFocus?.(e)\n          }}\n          onBlur={(e) => {\n            if (!props.disabled) {\n              e.currentTarget.style.borderColor = error\n                ? 'var(--lm-error-300)'\n                : 'var(--lm-border-default)'\n            }\n            props.onBlur?.(e)\n          }}\n        />\n\n        <div className=\"flex-1\">\n          <span\n            className={`font-medium leading-tight transition-colors duration-200 ${currentSize.label}`}\n            style={getLabelStyles()}\n          >\n            {label}\n          </span>\n          {description && (\n            <p\n              className={currentSize.description}\n              style={getDescriptionStyles()}\n            >\n              {description}\n            </p>\n          )}\n        </div>\n      </label>\n\n      {errorMessage && <ErrorMessage message={errorMessage} />}\n    </div>\n  )\n}\n\nexport default LMCheckbox\n"],"names":[],"mappings":"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"}

package/dist/{LMDatePicker-DSv28BFH.js → LMDatePicker-C7R0ByJ-.js}

@@ -361,6 +361,7 @@ const LMDatePicker = ({
                   className: "p-1 rounded hover:bg-(--lm-bg-hover) transition-colors",
                   onClick: handlePrevYear,
                   style: { color: "var(--lm-text-secondary)" },
+                  "aria-label": "上一年",
                   children: /* @__PURE__ */ jsx(DoubleChevronLeftIcon, {})
                 }
               ),
@@ -370,6 +371,7 @@ const LMDatePicker = ({
                   className: "p-1 rounded hover:bg-(--lm-bg-hover) transition-colors",
                   onClick: handlePrevMonth,
                   style: { color: "var(--lm-text-secondary)" },
+                  "aria-label": "上一月",
                   children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
                 }
               ),
@@ -391,6 +393,7 @@ const LMDatePicker = ({
                   className: "p-1 rounded hover:bg-(--lm-bg-hover) transition-colors",
                   onClick: handleNextMonth,
                   style: { color: "var(--lm-text-secondary)" },
+                  "aria-label": "下一月",
                   children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
                 }
               ),
@@ -400,6 +403,7 @@ const LMDatePicker = ({
                   className: "p-1 rounded hover:bg-(--lm-bg-hover) transition-colors",
                   onClick: handleNextYear,
                   style: { color: "var(--lm-text-secondary)" },
+                  "aria-label": "下一年",
                   children: /* @__PURE__ */ jsx(DoubleChevronRightIcon, {})
                 }
               )
@@ -563,4 +567,4 @@ const LMDatePicker = ({
 export {
   LMDatePicker as L
 };
-//# sourceMappingURL=LMDatePicker-DSv28BFH.js.map
+//# sourceMappingURL=LMDatePicker-C7R0ByJ-.js.map