@ryanhe919/lumen-ui 0.2.0 → 0.2.2

package/dist/LMBadge-1rGc3lqC.cjs

@@ -0,0 +1,125 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const sizeConfig = {
+  xs: {
+    padding: "px-2 py-0.5",
+    fontSize: "text-xs",
+    dotSize: "w-1.5 h-1.5",
+    iconSize: "text-xs"
+  },
+  sm: {
+    padding: "px-3 py-1",
+    fontSize: "text-xs",
+    dotSize: "w-2 h-2",
+    iconSize: "text-xs"
+  },
+  md: {
+    padding: "px-3.5 py-1.5",
+    fontSize: "text-sm",
+    dotSize: "w-2 h-2",
+    iconSize: "text-sm"
+  },
+  lg: {
+    padding: "px-4 py-2",
+    fontSize: "text-sm",
+    dotSize: "w-2.5 h-2.5",
+    iconSize: "text-sm"
+  },
+  xl: {
+    padding: "px-5 py-2.5",
+    fontSize: "text-base",
+    dotSize: "w-3 h-3",
+    iconSize: "text-base"
+  },
+  "2xl": {
+    padding: "px-6 py-3",
+    fontSize: "text-lg",
+    dotSize: "w-3.5 h-3.5",
+    iconSize: "text-lg"
+  }
+};
+const LMBadge = ({
+  children,
+  variant = "primary",
+  size = "sm",
+  className = "",
+  dot = false,
+  icon
+}) => {
+  const getVariantStyles = () => {
+    const variantMap = {
+      primary: {
+        backgroundColor: "var(--lm-primary-100)",
+        color: "var(--lm-primary-700)",
+        borderColor: "var(--lm-primary-200)"
+      },
+      secondary: {
+        backgroundColor: "var(--lm-gray-100)",
+        color: "var(--lm-gray-700)",
+        borderColor: "var(--lm-gray-200)"
+      },
+      success: {
+        backgroundColor: "var(--lm-success-100)",
+        color: "var(--lm-success-700)",
+        borderColor: "var(--lm-success-200)"
+      },
+      warning: {
+        backgroundColor: "var(--lm-warning-100)",
+        color: "var(--lm-warning-700)",
+        borderColor: "var(--lm-warning-200)"
+      },
+      error: {
+        backgroundColor: "var(--lm-error-100)",
+        color: "var(--lm-error-700)",
+        borderColor: "var(--lm-error-200)"
+      },
+      info: {
+        backgroundColor: "var(--lm-info-100)",
+        color: "var(--lm-info-700)",
+        borderColor: "var(--lm-info-200)"
+      },
+      neutral: {
+        backgroundColor: "var(--lm-bg-elevated)",
+        color: "var(--lm-text-secondary)",
+        borderColor: "var(--lm-border-default)"
+      }
+    };
+    return variantMap[variant];
+  };
+  const getDotColor = () => {
+    const dotColorMap = {
+      primary: "var(--lm-primary-500)",
+      secondary: "var(--lm-gray-500)",
+      success: "var(--lm-success-500)",
+      warning: "var(--lm-warning-500)",
+      error: "var(--lm-error-500)",
+      info: "var(--lm-info-500)",
+      neutral: "var(--lm-text-disabled)"
+    };
+    return dotColorMap[variant];
+  };
+  const currentSize = sizeConfig[size];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: `inline-flex items-center justify-center ${currentSize.padding} ${currentSize.fontSize} rounded-full border font-medium select-none ${className}`,
+      style: {
+        ...getVariantStyles(),
+        transition: "all var(--lm-transition-fast) var(--lm-ease-out)"
+      },
+      children: [
+        dot && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `${currentSize.dotSize} rounded-full mr-1.5 flex-shrink-0`,
+            style: { backgroundColor: getDotColor() }
+          }
+        ),
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${currentSize.iconSize} mr-1.5 flex-shrink-0`, children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children })
+      ]
+    }
+  );
+};
+exports.LMBadge = LMBadge;
+//# sourceMappingURL=LMBadge-1rGc3lqC.cjs.map

package/dist/LMBadge-1rGc3lqC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMBadge-1rGc3lqC.cjs","sources":["../src/components/General/LMBadge/LMBadge.tsx"],"sourcesContent":["import React from 'react'\n\nexport type LMBadgeVariant =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'info'\n  | 'neutral'\n\nexport type LMBadgeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport interface LMBadgeProps {\n  /** Badge content */\n  children: React.ReactNode\n  /** Color variant */\n  variant?: LMBadgeVariant\n  /** Size */\n  size?: LMBadgeSize\n  /** Custom class name */\n  className?: string\n  /** Show dot */\n  dot?: boolean\n  /** Icon */\n  icon?: React.ReactNode\n}\n\nconst sizeConfig = {\n  xs: {\n    padding: 'px-2 py-0.5',\n    fontSize: 'text-xs',\n    dotSize: 'w-1.5 h-1.5',\n    iconSize: 'text-xs',\n  },\n  sm: {\n    padding: 'px-3 py-1',\n    fontSize: 'text-xs',\n    dotSize: 'w-2 h-2',\n    iconSize: 'text-xs',\n  },\n  md: {\n    padding: 'px-3.5 py-1.5',\n    fontSize: 'text-sm',\n    dotSize: 'w-2 h-2',\n    iconSize: 'text-sm',\n  },\n  lg: {\n    padding: 'px-4 py-2',\n    fontSize: 'text-sm',\n    dotSize: 'w-2.5 h-2.5',\n    iconSize: 'text-sm',\n  },\n  xl: {\n    padding: 'px-5 py-2.5',\n    fontSize: 'text-base',\n    dotSize: 'w-3 h-3',\n    iconSize: 'text-base',\n  },\n  '2xl': {\n    padding: 'px-6 py-3',\n    fontSize: 'text-lg',\n    dotSize: 'w-3.5 h-3.5',\n    iconSize: 'text-lg',\n  },\n}\n\nconst LMBadge: React.FC<LMBadgeProps> = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  className = '',\n  dot = false,\n  icon,\n}) => {\n  const getVariantStyles = (): React.CSSProperties => {\n    const variantMap: Record<LMBadgeVariant, React.CSSProperties> = {\n      primary: {\n        backgroundColor: 'var(--lm-primary-100)',\n        color: 'var(--lm-primary-700)',\n        borderColor: 'var(--lm-primary-200)',\n      },\n      secondary: {\n        backgroundColor: 'var(--lm-gray-100)',\n        color: 'var(--lm-gray-700)',\n        borderColor: 'var(--lm-gray-200)',\n      },\n      success: {\n        backgroundColor: 'var(--lm-success-100)',\n        color: 'var(--lm-success-700)',\n        borderColor: 'var(--lm-success-200)',\n      },\n      warning: {\n        backgroundColor: 'var(--lm-warning-100)',\n        color: 'var(--lm-warning-700)',\n        borderColor: 'var(--lm-warning-200)',\n      },\n      error: {\n        backgroundColor: 'var(--lm-error-100)',\n        color: 'var(--lm-error-700)',\n        borderColor: 'var(--lm-error-200)',\n      },\n      info: {\n        backgroundColor: 'var(--lm-info-100)',\n        color: 'var(--lm-info-700)',\n        borderColor: 'var(--lm-info-200)',\n      },\n      neutral: {\n        backgroundColor: 'var(--lm-bg-elevated)',\n        color: 'var(--lm-text-secondary)',\n        borderColor: 'var(--lm-border-default)',\n      },\n    }\n\n    return variantMap[variant]\n  }\n\n  const getDotColor = (): string => {\n    const dotColorMap: Record<LMBadgeVariant, string> = {\n      primary: 'var(--lm-primary-500)',\n      secondary: 'var(--lm-gray-500)',\n      success: 'var(--lm-success-500)',\n      warning: 'var(--lm-warning-500)',\n      error: 'var(--lm-error-500)',\n      info: 'var(--lm-info-500)',\n      neutral: 'var(--lm-text-disabled)',\n    }\n\n    return dotColorMap[variant]\n  }\n\n  const currentSize = sizeConfig[size]\n\n  // Apple-like refined badge styling\n  return (\n    <span\n      className={`inline-flex items-center justify-center ${currentSize.padding} ${currentSize.fontSize} rounded-full border font-medium select-none ${className}`}\n      style={{\n        ...getVariantStyles(),\n        transition: 'all var(--lm-transition-fast) var(--lm-ease-out)',\n      }}\n    >\n      {dot && (\n        <span\n          className={`${currentSize.dotSize} rounded-full mr-1.5 flex-shrink-0`}\n          style={{ backgroundColor: getDotColor() }}\n        />\n      )}\n      {icon && (\n        <span className={`${currentSize.iconSize} mr-1.5 flex-shrink-0`}>\n          {icon}\n        </span>\n      )}\n      <span className=\"truncate\">{children}</span>\n    </span>\n  )\n}\n\nexport default LMBadge\n"],"names":["jsxs","jsx"],"mappings":";;AA4BA,MAAM,aAAa;AAAA,EACjB,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,OAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAEd;AAEA,MAAM,UAAkC,CAAC;AAAA,EACvC;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN;AACF,MAAM;AACJ,QAAM,mBAAmB,MAA2B;AAClD,UAAM,aAA0D;AAAA,MAC9D,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,WAAW;AAAA,QACT,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IACf;AAGF,WAAO,WAAW,OAAO;AAAA,EAC3B;AAEA,QAAM,cAAc,MAAc;AAChC,UAAM,cAA8C;AAAA,MAClD,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAGX,WAAO,YAAY,OAAO;AAAA,EAC5B;AAEA,QAAM,cAAc,WAAW,IAAI;AAGnC,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,2CAA2C,YAAY,OAAO,IAAI,YAAY,QAAQ,gDAAgD,SAAS;AAAA,MAC1J,OAAO;AAAA,QACL,GAAG,iBAAA;AAAA,QACH,YAAY;AAAA,MAAA;AAAA,MAGb,UAAA;AAAA,QAAA,OACCC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,YAAY,OAAO;AAAA,YACjC,OAAO,EAAE,iBAAiB,YAAA,EAAY;AAAA,UAAE;AAAA,QAAA;AAAA,QAG3C,uCACE,QAAA,EAAK,WAAW,GAAG,YAAY,QAAQ,yBACrC,UAAA,KAAA,CACH;AAAA,QAEFA,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C;;"}

package/dist/LMBadge-OEGi87jW.js

@@ -0,0 +1,126 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const sizeConfig = {
+  xs: {
+    padding: "px-2 py-0.5",
+    fontSize: "text-xs",
+    dotSize: "w-1.5 h-1.5",
+    iconSize: "text-xs"
+  },
+  sm: {
+    padding: "px-3 py-1",
+    fontSize: "text-xs",
+    dotSize: "w-2 h-2",
+    iconSize: "text-xs"
+  },
+  md: {
+    padding: "px-3.5 py-1.5",
+    fontSize: "text-sm",
+    dotSize: "w-2 h-2",
+    iconSize: "text-sm"
+  },
+  lg: {
+    padding: "px-4 py-2",
+    fontSize: "text-sm",
+    dotSize: "w-2.5 h-2.5",
+    iconSize: "text-sm"
+  },
+  xl: {
+    padding: "px-5 py-2.5",
+    fontSize: "text-base",
+    dotSize: "w-3 h-3",
+    iconSize: "text-base"
+  },
+  "2xl": {
+    padding: "px-6 py-3",
+    fontSize: "text-lg",
+    dotSize: "w-3.5 h-3.5",
+    iconSize: "text-lg"
+  }
+};
+const LMBadge = ({
+  children,
+  variant = "primary",
+  size = "sm",
+  className = "",
+  dot = false,
+  icon
+}) => {
+  const getVariantStyles = () => {
+    const variantMap = {
+      primary: {
+        backgroundColor: "var(--lm-primary-100)",
+        color: "var(--lm-primary-700)",
+        borderColor: "var(--lm-primary-200)"
+      },
+      secondary: {
+        backgroundColor: "var(--lm-gray-100)",
+        color: "var(--lm-gray-700)",
+        borderColor: "var(--lm-gray-200)"
+      },
+      success: {
+        backgroundColor: "var(--lm-success-100)",
+        color: "var(--lm-success-700)",
+        borderColor: "var(--lm-success-200)"
+      },
+      warning: {
+        backgroundColor: "var(--lm-warning-100)",
+        color: "var(--lm-warning-700)",
+        borderColor: "var(--lm-warning-200)"
+      },
+      error: {
+        backgroundColor: "var(--lm-error-100)",
+        color: "var(--lm-error-700)",
+        borderColor: "var(--lm-error-200)"
+      },
+      info: {
+        backgroundColor: "var(--lm-info-100)",
+        color: "var(--lm-info-700)",
+        borderColor: "var(--lm-info-200)"
+      },
+      neutral: {
+        backgroundColor: "var(--lm-bg-elevated)",
+        color: "var(--lm-text-secondary)",
+        borderColor: "var(--lm-border-default)"
+      }
+    };
+    return variantMap[variant];
+  };
+  const getDotColor = () => {
+    const dotColorMap = {
+      primary: "var(--lm-primary-500)",
+      secondary: "var(--lm-gray-500)",
+      success: "var(--lm-success-500)",
+      warning: "var(--lm-warning-500)",
+      error: "var(--lm-error-500)",
+      info: "var(--lm-info-500)",
+      neutral: "var(--lm-text-disabled)"
+    };
+    return dotColorMap[variant];
+  };
+  const currentSize = sizeConfig[size];
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: `inline-flex items-center justify-center ${currentSize.padding} ${currentSize.fontSize} rounded-full border font-medium select-none ${className}`,
+      style: {
+        ...getVariantStyles(),
+        transition: "all var(--lm-transition-fast) var(--lm-ease-out)"
+      },
+      children: [
+        dot && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `${currentSize.dotSize} rounded-full mr-1.5 flex-shrink-0`,
+            style: { backgroundColor: getDotColor() }
+          }
+        ),
+        icon && /* @__PURE__ */ jsx("span", { className: `${currentSize.iconSize} mr-1.5 flex-shrink-0`, children: icon }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children })
+      ]
+    }
+  );
+};
+export {
+  LMBadge as L
+};
+//# sourceMappingURL=LMBadge-OEGi87jW.js.map

package/dist/LMBadge-OEGi87jW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMBadge-OEGi87jW.js","sources":["../src/components/General/LMBadge/LMBadge.tsx"],"sourcesContent":["import React from 'react'\n\nexport type LMBadgeVariant =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'info'\n  | 'neutral'\n\nexport type LMBadgeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nexport interface LMBadgeProps {\n  /** Badge content */\n  children: React.ReactNode\n  /** Color variant */\n  variant?: LMBadgeVariant\n  /** Size */\n  size?: LMBadgeSize\n  /** Custom class name */\n  className?: string\n  /** Show dot */\n  dot?: boolean\n  /** Icon */\n  icon?: React.ReactNode\n}\n\nconst sizeConfig = {\n  xs: {\n    padding: 'px-2 py-0.5',\n    fontSize: 'text-xs',\n    dotSize: 'w-1.5 h-1.5',\n    iconSize: 'text-xs',\n  },\n  sm: {\n    padding: 'px-3 py-1',\n    fontSize: 'text-xs',\n    dotSize: 'w-2 h-2',\n    iconSize: 'text-xs',\n  },\n  md: {\n    padding: 'px-3.5 py-1.5',\n    fontSize: 'text-sm',\n    dotSize: 'w-2 h-2',\n    iconSize: 'text-sm',\n  },\n  lg: {\n    padding: 'px-4 py-2',\n    fontSize: 'text-sm',\n    dotSize: 'w-2.5 h-2.5',\n    iconSize: 'text-sm',\n  },\n  xl: {\n    padding: 'px-5 py-2.5',\n    fontSize: 'text-base',\n    dotSize: 'w-3 h-3',\n    iconSize: 'text-base',\n  },\n  '2xl': {\n    padding: 'px-6 py-3',\n    fontSize: 'text-lg',\n    dotSize: 'w-3.5 h-3.5',\n    iconSize: 'text-lg',\n  },\n}\n\nconst LMBadge: React.FC<LMBadgeProps> = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  className = '',\n  dot = false,\n  icon,\n}) => {\n  const getVariantStyles = (): React.CSSProperties => {\n    const variantMap: Record<LMBadgeVariant, React.CSSProperties> = {\n      primary: {\n        backgroundColor: 'var(--lm-primary-100)',\n        color: 'var(--lm-primary-700)',\n        borderColor: 'var(--lm-primary-200)',\n      },\n      secondary: {\n        backgroundColor: 'var(--lm-gray-100)',\n        color: 'var(--lm-gray-700)',\n        borderColor: 'var(--lm-gray-200)',\n      },\n      success: {\n        backgroundColor: 'var(--lm-success-100)',\n        color: 'var(--lm-success-700)',\n        borderColor: 'var(--lm-success-200)',\n      },\n      warning: {\n        backgroundColor: 'var(--lm-warning-100)',\n        color: 'var(--lm-warning-700)',\n        borderColor: 'var(--lm-warning-200)',\n      },\n      error: {\n        backgroundColor: 'var(--lm-error-100)',\n        color: 'var(--lm-error-700)',\n        borderColor: 'var(--lm-error-200)',\n      },\n      info: {\n        backgroundColor: 'var(--lm-info-100)',\n        color: 'var(--lm-info-700)',\n        borderColor: 'var(--lm-info-200)',\n      },\n      neutral: {\n        backgroundColor: 'var(--lm-bg-elevated)',\n        color: 'var(--lm-text-secondary)',\n        borderColor: 'var(--lm-border-default)',\n      },\n    }\n\n    return variantMap[variant]\n  }\n\n  const getDotColor = (): string => {\n    const dotColorMap: Record<LMBadgeVariant, string> = {\n      primary: 'var(--lm-primary-500)',\n      secondary: 'var(--lm-gray-500)',\n      success: 'var(--lm-success-500)',\n      warning: 'var(--lm-warning-500)',\n      error: 'var(--lm-error-500)',\n      info: 'var(--lm-info-500)',\n      neutral: 'var(--lm-text-disabled)',\n    }\n\n    return dotColorMap[variant]\n  }\n\n  const currentSize = sizeConfig[size]\n\n  // Apple-like refined badge styling\n  return (\n    <span\n      className={`inline-flex items-center justify-center ${currentSize.padding} ${currentSize.fontSize} rounded-full border font-medium select-none ${className}`}\n      style={{\n        ...getVariantStyles(),\n        transition: 'all var(--lm-transition-fast) var(--lm-ease-out)',\n      }}\n    >\n      {dot && (\n        <span\n          className={`${currentSize.dotSize} rounded-full mr-1.5 flex-shrink-0`}\n          style={{ backgroundColor: getDotColor() }}\n        />\n      )}\n      {icon && (\n        <span className={`${currentSize.iconSize} mr-1.5 flex-shrink-0`}>\n          {icon}\n        </span>\n      )}\n      <span className=\"truncate\">{children}</span>\n    </span>\n  )\n}\n\nexport default LMBadge\n"],"names":[],"mappings":";AA4BA,MAAM,aAAa;AAAA,EACjB,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAAA,EAEZ,OAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,EAAA;AAEd;AAEA,MAAM,UAAkC,CAAC;AAAA,EACvC;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN;AACF,MAAM;AACJ,QAAM,mBAAmB,MAA2B;AAClD,UAAM,aAA0D;AAAA,MAC9D,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,WAAW;AAAA,QACT,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,SAAS;AAAA,QACP,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,IACf;AAGF,WAAO,WAAW,OAAO;AAAA,EAC3B;AAEA,QAAM,cAAc,MAAc;AAChC,UAAM,cAA8C;AAAA,MAClD,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAGX,WAAO,YAAY,OAAO;AAAA,EAC5B;AAEA,QAAM,cAAc,WAAW,IAAI;AAGnC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,2CAA2C,YAAY,OAAO,IAAI,YAAY,QAAQ,gDAAgD,SAAS;AAAA,MAC1J,OAAO;AAAA,QACL,GAAG,iBAAA;AAAA,QACH,YAAY;AAAA,MAAA;AAAA,MAGb,UAAA;AAAA,QAAA,OACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GAAG,YAAY,OAAO;AAAA,YACjC,OAAO,EAAE,iBAAiB,YAAA,EAAY;AAAA,UAAE;AAAA,QAAA;AAAA,QAG3C,4BACE,QAAA,EAAK,WAAW,GAAG,YAAY,QAAQ,yBACrC,UAAA,KAAA,CACH;AAAA,QAEF,oBAAC,QAAA,EAAK,WAAU,YAAY,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C;"}

package/dist/LMButton-B258yfky.cjs

@@ -0,0 +1,333 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const componentSizes = require("./componentSizes-DUTZ7uEM.cjs");
+const LoadingSpinner = ({ style }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    className: "animate-spin h-4 w-4",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    style,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "circle",
+        {
+          className: "opacity-25",
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: "currentColor",
+          strokeWidth: "4"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          className: "opacity-75",
+          fill: "currentColor",
+          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"
+        }
+      )
+    ]
+  }
+);
+const LMButton$1 = ({
+  children,
+  variant = "primary",
+  size = "md",
+  loading = false,
+  loadingText,
+  leftIcon,
+  rightIcon,
+  fullWidth = false,
+  rounded = false,
+  disabled = false,
+  className = "",
+  ...props
+}) => {
+  const isDisabled = disabled || loading;
+  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 getButtonStyles = () => {
+    const baseStyles = {
+      backgroundColor: "var(--lm-bg-elevated)",
+      color: "var(--lm-text-primary)",
+      borderColor: "var(--lm-border-default)",
+      boxShadow: "var(--lm-shadow-sm)",
+      transition: "all var(--lm-transition-normal) var(--lm-ease-out)"
+    };
+    switch (variant) {
+      case "primary":
+        return {
+          ...baseStyles,
+          backgroundColor: "var(--lm-primary-500)",
+          color: "white",
+          borderColor: "transparent",
+          boxShadow: "var(--lm-shadow-md)",
+          "--tw-ring-color": "var(--lm-primary-400)",
+          "--tw-ring-opacity": "0.4"
+        };
+      case "secondary":
+        return {
+          ...baseStyles,
+          backgroundColor: "var(--lm-bg-elevated)",
+          color: "var(--lm-text-primary)",
+          borderColor: "var(--lm-border-default)",
+          "--tw-ring-color": "var(--lm-primary-400)",
+          "--tw-ring-opacity": "0.3"
+        };
+      case "outline":
+        return {
+          ...baseStyles,
+          backgroundColor: "transparent",
+          color: "var(--lm-primary-500)",
+          borderColor: "var(--lm-primary-400)",
+          boxShadow: "none",
+          "--tw-ring-color": "var(--lm-primary-400)",
+          "--tw-ring-opacity": "0.3"
+        };
+      case "ghost":
+        return {
+          ...baseStyles,
+          backgroundColor: "transparent",
+          color: "var(--lm-text-primary)",
+          borderColor: "transparent",
+          boxShadow: "none",
+          "--tw-ring-color": "var(--lm-primary-400)",
+          "--tw-ring-opacity": "0.3"
+        };
+      case "danger":
+        return {
+          ...baseStyles,
+          backgroundColor: "var(--lm-error-500)",
+          color: "white",
+          borderColor: "transparent",
+          boxShadow: "var(--lm-shadow-md)",
+          "--tw-ring-color": "var(--lm-error-400)",
+          "--tw-ring-opacity": "0.4"
+        };
+      case "success":
+        return {
+          ...baseStyles,
+          backgroundColor: "var(--lm-success-500)",
+          color: "white",
+          borderColor: "transparent",
+          boxShadow: "var(--lm-shadow-md)",
+          "--tw-ring-color": "var(--lm-success-400)",
+          "--tw-ring-opacity": "0.4"
+        };
+      case "warning":
+        return {
+          ...baseStyles,
+          backgroundColor: "var(--lm-warning-500)",
+          color: "white",
+          borderColor: "transparent",
+          boxShadow: "var(--lm-shadow-md)",
+          "--tw-ring-color": "var(--lm-warning-400)",
+          "--tw-ring-opacity": "0.4"
+        };
+      default:
+        return baseStyles;
+    }
+  };
+  const getDisabledStyles = () => {
+    if (isDisabled) {
+      return {
+        backgroundColor: "var(--lm-bg-paper)",
+        color: "var(--lm-text-disabled)",
+        borderColor: "var(--lm-border-light)",
+        cursor: "not-allowed",
+        opacity: 0.6
+      };
+    }
+    return {};
+  };
+  const getHoverStyles = () => {
+    if (isDisabled) return {};
+    const baseHover = {
+      transform: "scale(1.02)"
+    };
+    switch (variant) {
+      case "primary":
+        return {
+          ...baseHover,
+          backgroundColor: "var(--lm-primary-600)",
+          boxShadow: "var(--lm-shadow-lg)"
+        };
+      case "secondary":
+        return {
+          ...baseHover,
+          backgroundColor: "var(--lm-bg-hover)",
+          borderColor: "var(--lm-border-strong)"
+        };
+      case "outline":
+        return {
+          ...baseHover,
+          backgroundColor: "var(--lm-primary-50)",
+          borderColor: "var(--lm-primary-500)"
+        };
+      case "ghost":
+        return {
+          ...baseHover,
+          backgroundColor: "var(--lm-bg-hover)"
+        };
+      case "danger":
+        return {
+          ...baseHover,
+          backgroundColor: "var(--lm-error-600)",
+          boxShadow: "var(--lm-shadow-lg)"
+        };
+      case "success":
+        return {
+          ...baseHover,
+          backgroundColor: "var(--lm-success-600)",
+          boxShadow: "var(--lm-shadow-lg)"
+        };
+      case "warning":
+        return {
+          ...baseHover,
+          backgroundColor: "var(--lm-warning-600)",
+          boxShadow: "var(--lm-shadow-lg)"
+        };
+      default:
+        return baseHover;
+    }
+  };
+  const getActiveStyles = () => {
+    if (isDisabled) return {};
+    const baseActive = {
+      transform: "scale(0.98)"
+    };
+    switch (variant) {
+      case "primary":
+        return {
+          ...baseActive,
+          backgroundColor: "var(--lm-primary-700)"
+        };
+      case "secondary":
+        return {
+          ...baseActive,
+          backgroundColor: "var(--lm-bg-active)"
+        };
+      case "outline":
+        return {
+          ...baseActive,
+          backgroundColor: "var(--lm-primary-100)"
+        };
+      case "ghost":
+        return {
+          ...baseActive,
+          backgroundColor: "var(--lm-bg-active)"
+        };
+      case "danger":
+        return {
+          ...baseActive,
+          backgroundColor: "var(--lm-error-700)"
+        };
+      case "success":
+        return {
+          ...baseActive,
+          backgroundColor: "var(--lm-success-700)"
+        };
+      case "warning":
+        return {
+          ...baseActive,
+          backgroundColor: "var(--lm-warning-700)"
+        };
+      default:
+        return baseActive;
+    }
+  };
+  const getIconStyles = () => {
+    if (isDisabled) {
+      return { color: "var(--lm-text-disabled)" };
+    }
+    switch (variant) {
+      case "primary":
+      case "danger":
+      case "success":
+      case "warning":
+        return { color: "white" };
+      case "outline":
+        return { color: "var(--lm-primary-600)" };
+      default:
+        return { color: "var(--lm-text-primary)" };
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ...props,
+      disabled: isDisabled,
+      className: baseClassName,
+      style: {
+        ...getButtonStyles(),
+        ...getDisabledStyles()
+      },
+      onMouseEnter: (e) => {
+        var _a;
+        if (!isDisabled) Object.assign(e.currentTarget.style, getHoverStyles());
+        (_a = props.onMouseEnter) == null ? void 0 : _a.call(props, e);
+      },
+      onMouseLeave: (e) => {
+        var _a;
+        if (!isDisabled)
+          Object.assign(e.currentTarget.style, {
+            ...getButtonStyles(),
+            ...getDisabledStyles()
+          });
+        (_a = props.onMouseLeave) == null ? void 0 : _a.call(props, e);
+      },
+      onMouseDown: (e) => {
+        var _a;
+        if (!isDisabled) Object.assign(e.currentTarget.style, getActiveStyles());
+        (_a = props.onMouseDown) == null ? void 0 : _a.call(props, e);
+      },
+      onMouseUp: (e) => {
+        var _a;
+        if (!isDisabled) Object.assign(e.currentTarget.style, getHoverStyles());
+        (_a = props.onMouseUp) == null ? void 0 : _a.call(props, e);
+      },
+      onFocus: (e) => {
+        var _a;
+        if (!isDisabled) {
+          e.currentTarget.style.borderColor = "var(--lm-primary-400)";
+        }
+        (_a = props.onFocus) == null ? void 0 : _a.call(props, e);
+      },
+      onBlur: (e) => {
+        var _a;
+        if (!isDisabled)
+          Object.assign(e.currentTarget.style, {
+            ...getButtonStyles(),
+            ...getDisabledStyles()
+          });
+        (_a = props.onBlur) == null ? void 0 : _a.call(props, e);
+      },
+      children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, { style: getIconStyles() }),
+        loadingText || children
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { style: getIconStyles(), children: leftIcon }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center", children }),
+        rightIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { style: getIconStyles(), children: rightIcon })
+      ] })
+    }
+  );
+};
+const LMButton = React.memo(LMButton$1);
+exports.LMButton = LMButton;
+//# sourceMappingURL=LMButton-B258yfky.cjs.map

package/dist/LMButton-B258yfky.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMButton-B258yfky.cjs","sources":["../src/components/General/LMButton/LMButton.tsx"],"sourcesContent":["import React, { memo } from 'react'\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 = `\n    ${SIZE_BUTTON_CONFIG[resolvedSize].padding} ${SIZE_TEXT_CLASSES[resolvedSize]} ${SIZE_GAP_CLASSES[resolvedSize]}\n    ${roundedClasses} ${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    .trim()\n    .replace(/\\s+/g, ' ')\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","SIZE_BUTTON_CONFIG","SIZE_TEXT_CLASSES","SIZE_GAP_CLASSES","Fragment","memo"],"mappings":"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"}