@ryanhe919/lumen-ui 0.2.1 → 0.3.0

package/dist/LMTextarea-5dVVPeL2.js

@@ -0,0 +1,136 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const sizeConfig = {
+  xs: {
+    minHeight: "min-h-[60px]",
+    fontSize: "text-xs",
+    padding: "px-3 py-2"
+  },
+  sm: {
+    minHeight: "min-h-[80px]",
+    fontSize: "text-sm",
+    padding: "px-3 py-2"
+  },
+  md: {
+    minHeight: "min-h-[100px]",
+    fontSize: "text-sm",
+    padding: "px-4 py-2.5"
+  },
+  lg: {
+    minHeight: "min-h-[120px]",
+    fontSize: "text-base",
+    padding: "px-4 py-3"
+  },
+  xl: {
+    minHeight: "min-h-[140px]",
+    fontSize: "text-base",
+    padding: "px-5 py-3.5"
+  },
+  "2xl": {
+    minHeight: "min-h-[160px]",
+    fontSize: "text-lg",
+    padding: "px-6 py-4"
+  }
+};
+const LMTextarea = ({
+  error = false,
+  errorMessage,
+  className = "",
+  size = "md",
+  ...props
+}) => {
+  const baseClassName = `
+    w-full ${sizeConfig[size].padding} ${sizeConfig[size].fontSize} backdrop-blur-md border rounded-2xl
+    focus:ring-2 focus:outline-none transition-all duration-300
+    shadow-sm resize-none ${className.includes("h-full") ? "" : sizeConfig[size].minHeight}
+    ${className}
+  `.trim().replace(/\s+/g, " ");
+  const getTextareaStyles = () => {
+    const baseStyles = {
+      backgroundColor: "var(--lm-bg-elevated)",
+      color: "var(--lm-text-primary)",
+      borderColor: error ? "var(--lm-error-300)" : "var(--lm-border-default)",
+      boxShadow: "var(--lm-shadow-sm)"
+    };
+    return {
+      ...baseStyles,
+      "--tw-ring-color": error ? "var(--lm-error-400)" : "var(--lm-primary-400)",
+      "--tw-ring-opacity": "0.3"
+    };
+  };
+  const getDisabledStyles = () => {
+    if (props.disabled) {
+      return {
+        backgroundColor: "var(--lm-bg-paper)",
+        color: "var(--lm-text-disabled)",
+        cursor: "not-allowed",
+        opacity: 0.6
+      };
+    }
+    return {};
+  };
+  const isFullHeight = className.includes("h-full");
+  const containerClassName = isFullHeight ? "h-full flex flex-col" : "space-y-2";
+  return /* @__PURE__ */ jsxs("div", { className: containerClassName, children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ...props,
+        className: baseClassName,
+        style: {
+          ...getTextareaStyles(),
+          ...getDisabledStyles()
+        },
+        onMouseEnter: (e) => {
+          var _a;
+          if (!props.disabled && !error) {
+            e.currentTarget.style.borderColor = "var(--lm-border-strong)";
+          }
+          (_a = props.onMouseEnter) == null ? void 0 : _a.call(props, e);
+        },
+        onMouseLeave: (e) => {
+          var _a;
+          if (!props.disabled && !error) {
+            e.currentTarget.style.borderColor = "var(--lm-border-default)";
+          }
+          (_a = props.onMouseLeave) == null ? void 0 : _a.call(props, e);
+        },
+        onFocus: (e) => {
+          var _a;
+          if (!props.disabled) {
+            e.currentTarget.style.borderColor = error ? "var(--lm-error-400)" : "var(--lm-primary-400)";
+          }
+          (_a = props.onFocus) == null ? void 0 : _a.call(props, e);
+        },
+        onBlur: (e) => {
+          var _a;
+          if (!props.disabled) {
+            e.currentTarget.style.borderColor = error ? "var(--lm-error-300)" : "var(--lm-border-default)";
+          }
+          (_a = props.onBlur) == null ? void 0 : _a.call(props, e);
+        }
+      }
+    ),
+    errorMessage && /* @__PURE__ */ jsxs(
+      "p",
+      {
+        className: "text-xs flex items-center gap-1",
+        style: { color: "var(--lm-error-500)" },
+        children: [
+          /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
+              clipRule: "evenodd"
+            }
+          ) }),
+          errorMessage
+        ]
+      }
+    )
+  ] });
+};
+export {
+  LMTextarea as L
+};
+//# sourceMappingURL=LMTextarea-5dVVPeL2.js.map

package/dist/LMTextarea-5dVVPeL2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMTextarea-5dVVPeL2.js","sources":["../src/components/Form/LMTextarea/LMTextarea.tsx"],"sourcesContent":["import React from 'react'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMTextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /** Error state */\n  error?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Size */\n  size?: ComponentSize\n}\n\nconst sizeConfig = {\n  xs: {\n    minHeight: 'min-h-[60px]',\n    fontSize: 'text-xs',\n    padding: 'px-3 py-2',\n  },\n  sm: {\n    minHeight: 'min-h-[80px]',\n    fontSize: 'text-sm',\n    padding: 'px-3 py-2',\n  },\n  md: {\n    minHeight: 'min-h-[100px]',\n    fontSize: 'text-sm',\n    padding: 'px-4 py-2.5',\n  },\n  lg: {\n    minHeight: 'min-h-[120px]',\n    fontSize: 'text-base',\n    padding: 'px-4 py-3',\n  },\n  xl: {\n    minHeight: 'min-h-[140px]',\n    fontSize: 'text-base',\n    padding: 'px-5 py-3.5',\n  },\n  '2xl': {\n    minHeight: 'min-h-[160px]',\n    fontSize: 'text-lg',\n    padding: 'px-6 py-4',\n  },\n}\n\nconst LMTextarea: React.FC<LMTextareaProps> = ({\n  error = false,\n  errorMessage,\n  className = '',\n  size = 'md',\n  ...props\n}) => {\n  const baseClassName = `\n    w-full ${sizeConfig[size].padding} ${sizeConfig[size].fontSize} backdrop-blur-md border rounded-2xl\n    focus:ring-2 focus:outline-none transition-all duration-300\n    shadow-sm resize-none ${className.includes('h-full') ? '' : sizeConfig[size].minHeight}\n    ${className}\n  `\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  const getTextareaStyles = () => {\n    const baseStyles = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      color: 'var(--lm-text-primary)',\n      borderColor: error\n        ? 'var(--lm-error-300)'\n        : 'var(--lm-border-default)',\n      boxShadow: 'var(--lm-shadow-sm)',\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    }\n  }\n\n  const getDisabledStyles = () => {\n    if (props.disabled) {\n      return {\n        backgroundColor: 'var(--lm-bg-paper)',\n        color: 'var(--lm-text-disabled)',\n        cursor: 'not-allowed',\n        opacity: 0.6,\n      }\n    }\n    return {}\n  }\n\n  const isFullHeight = className.includes('h-full')\n  const containerClassName = isFullHeight\n    ? 'h-full flex flex-col'\n    : 'space-y-2'\n\n  return (\n    <div className={containerClassName}>\n      <textarea\n        {...props}\n        className={baseClassName}\n        style={{\n          ...getTextareaStyles(),\n          ...getDisabledStyles(),\n        } as React.CSSProperties}\n        onMouseEnter={(e) => {\n          if (!props.disabled && !error) {\n            e.currentTarget.style.borderColor = 'var(--lm-border-strong)'\n          }\n          props.onMouseEnter?.(e)\n        }}\n        onMouseLeave={(e) => {\n          if (!props.disabled && !error) {\n            e.currentTarget.style.borderColor = 'var(--lm-border-default)'\n          }\n          props.onMouseLeave?.(e)\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      {errorMessage && (\n        <p\n          className=\"text-xs flex items-center gap-1\"\n          style={{ color: 'var(--lm-error-500)' }}\n        >\n          <svg className=\"w-3 h-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport default LMTextarea\n"],"names":[],"mappings":"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"}

package/dist/LMTextarea-yG0OBZjA.cjs

@@ -0,0 +1,135 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const sizeConfig = {
+  xs: {
+    minHeight: "min-h-[60px]",
+    fontSize: "text-xs",
+    padding: "px-3 py-2"
+  },
+  sm: {
+    minHeight: "min-h-[80px]",
+    fontSize: "text-sm",
+    padding: "px-3 py-2"
+  },
+  md: {
+    minHeight: "min-h-[100px]",
+    fontSize: "text-sm",
+    padding: "px-4 py-2.5"
+  },
+  lg: {
+    minHeight: "min-h-[120px]",
+    fontSize: "text-base",
+    padding: "px-4 py-3"
+  },
+  xl: {
+    minHeight: "min-h-[140px]",
+    fontSize: "text-base",
+    padding: "px-5 py-3.5"
+  },
+  "2xl": {
+    minHeight: "min-h-[160px]",
+    fontSize: "text-lg",
+    padding: "px-6 py-4"
+  }
+};
+const LMTextarea = ({
+  error = false,
+  errorMessage,
+  className = "",
+  size = "md",
+  ...props
+}) => {
+  const baseClassName = `
+    w-full ${sizeConfig[size].padding} ${sizeConfig[size].fontSize} backdrop-blur-md border rounded-2xl
+    focus:ring-2 focus:outline-none transition-all duration-300
+    shadow-sm resize-none ${className.includes("h-full") ? "" : sizeConfig[size].minHeight}
+    ${className}
+  `.trim().replace(/\s+/g, " ");
+  const getTextareaStyles = () => {
+    const baseStyles = {
+      backgroundColor: "var(--lm-bg-elevated)",
+      color: "var(--lm-text-primary)",
+      borderColor: error ? "var(--lm-error-300)" : "var(--lm-border-default)",
+      boxShadow: "var(--lm-shadow-sm)"
+    };
+    return {
+      ...baseStyles,
+      "--tw-ring-color": error ? "var(--lm-error-400)" : "var(--lm-primary-400)",
+      "--tw-ring-opacity": "0.3"
+    };
+  };
+  const getDisabledStyles = () => {
+    if (props.disabled) {
+      return {
+        backgroundColor: "var(--lm-bg-paper)",
+        color: "var(--lm-text-disabled)",
+        cursor: "not-allowed",
+        opacity: 0.6
+      };
+    }
+    return {};
+  };
+  const isFullHeight = className.includes("h-full");
+  const containerClassName = isFullHeight ? "h-full flex flex-col" : "space-y-2";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClassName, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        ...props,
+        className: baseClassName,
+        style: {
+          ...getTextareaStyles(),
+          ...getDisabledStyles()
+        },
+        onMouseEnter: (e) => {
+          var _a;
+          if (!props.disabled && !error) {
+            e.currentTarget.style.borderColor = "var(--lm-border-strong)";
+          }
+          (_a = props.onMouseEnter) == null ? void 0 : _a.call(props, e);
+        },
+        onMouseLeave: (e) => {
+          var _a;
+          if (!props.disabled && !error) {
+            e.currentTarget.style.borderColor = "var(--lm-border-default)";
+          }
+          (_a = props.onMouseLeave) == null ? void 0 : _a.call(props, e);
+        },
+        onFocus: (e) => {
+          var _a;
+          if (!props.disabled) {
+            e.currentTarget.style.borderColor = error ? "var(--lm-error-400)" : "var(--lm-primary-400)";
+          }
+          (_a = props.onFocus) == null ? void 0 : _a.call(props, e);
+        },
+        onBlur: (e) => {
+          var _a;
+          if (!props.disabled) {
+            e.currentTarget.style.borderColor = error ? "var(--lm-error-300)" : "var(--lm-border-default)";
+          }
+          (_a = props.onBlur) == null ? void 0 : _a.call(props, e);
+        }
+      }
+    ),
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsxs(
+      "p",
+      {
+        className: "text-xs flex items-center gap-1",
+        style: { color: "var(--lm-error-500)" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", 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
+        ]
+      }
+    )
+  ] });
+};
+exports.LMTextarea = LMTextarea;
+//# sourceMappingURL=LMTextarea-yG0OBZjA.cjs.map

package/dist/LMTextarea-yG0OBZjA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMTextarea-yG0OBZjA.cjs","sources":["../src/components/Form/LMTextarea/LMTextarea.tsx"],"sourcesContent":["import React from 'react'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMTextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  /** Error state */\n  error?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Size */\n  size?: ComponentSize\n}\n\nconst sizeConfig = {\n  xs: {\n    minHeight: 'min-h-[60px]',\n    fontSize: 'text-xs',\n    padding: 'px-3 py-2',\n  },\n  sm: {\n    minHeight: 'min-h-[80px]',\n    fontSize: 'text-sm',\n    padding: 'px-3 py-2',\n  },\n  md: {\n    minHeight: 'min-h-[100px]',\n    fontSize: 'text-sm',\n    padding: 'px-4 py-2.5',\n  },\n  lg: {\n    minHeight: 'min-h-[120px]',\n    fontSize: 'text-base',\n    padding: 'px-4 py-3',\n  },\n  xl: {\n    minHeight: 'min-h-[140px]',\n    fontSize: 'text-base',\n    padding: 'px-5 py-3.5',\n  },\n  '2xl': {\n    minHeight: 'min-h-[160px]',\n    fontSize: 'text-lg',\n    padding: 'px-6 py-4',\n  },\n}\n\nconst LMTextarea: React.FC<LMTextareaProps> = ({\n  error = false,\n  errorMessage,\n  className = '',\n  size = 'md',\n  ...props\n}) => {\n  const baseClassName = `\n    w-full ${sizeConfig[size].padding} ${sizeConfig[size].fontSize} backdrop-blur-md border rounded-2xl\n    focus:ring-2 focus:outline-none transition-all duration-300\n    shadow-sm resize-none ${className.includes('h-full') ? '' : sizeConfig[size].minHeight}\n    ${className}\n  `\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  const getTextareaStyles = () => {\n    const baseStyles = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      color: 'var(--lm-text-primary)',\n      borderColor: error\n        ? 'var(--lm-error-300)'\n        : 'var(--lm-border-default)',\n      boxShadow: 'var(--lm-shadow-sm)',\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    }\n  }\n\n  const getDisabledStyles = () => {\n    if (props.disabled) {\n      return {\n        backgroundColor: 'var(--lm-bg-paper)',\n        color: 'var(--lm-text-disabled)',\n        cursor: 'not-allowed',\n        opacity: 0.6,\n      }\n    }\n    return {}\n  }\n\n  const isFullHeight = className.includes('h-full')\n  const containerClassName = isFullHeight\n    ? 'h-full flex flex-col'\n    : 'space-y-2'\n\n  return (\n    <div className={containerClassName}>\n      <textarea\n        {...props}\n        className={baseClassName}\n        style={{\n          ...getTextareaStyles(),\n          ...getDisabledStyles(),\n        } as React.CSSProperties}\n        onMouseEnter={(e) => {\n          if (!props.disabled && !error) {\n            e.currentTarget.style.borderColor = 'var(--lm-border-strong)'\n          }\n          props.onMouseEnter?.(e)\n        }}\n        onMouseLeave={(e) => {\n          if (!props.disabled && !error) {\n            e.currentTarget.style.borderColor = 'var(--lm-border-default)'\n          }\n          props.onMouseLeave?.(e)\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      {errorMessage && (\n        <p\n          className=\"text-xs flex items-center gap-1\"\n          style={{ color: 'var(--lm-error-500)' }}\n        >\n          <svg className=\"w-3 h-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport default LMTextarea\n"],"names":["jsxs","jsx"],"mappings":";;AAaA,MAAM,aAAa;AAAA,EACjB,IAAI;AAAA,IACF,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,EAAA;AAAA,EAEX,IAAI;AAAA,IACF,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,EAAA;AAAA,EAEX,IAAI;AAAA,IACF,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,EAAA;AAAA,EAEX,IAAI;AAAA,IACF,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,EAAA;AAAA,EAEX,IAAI;AAAA,IACF,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,EAAA;AAAA,EAEX,OAAO;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,SAAS;AAAA,EAAA;AAEb;AAEA,MAAM,aAAwC,CAAC;AAAA,EAC7C,QAAQ;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACJ,QAAM,gBAAgB;AAAA,aACX,WAAW,IAAI,EAAE,OAAO,IAAI,WAAW,IAAI,EAAE,QAAQ;AAAA;AAAA,4BAEtC,UAAU,SAAS,QAAQ,IAAI,KAAK,WAAW,IAAI,EAAE,SAAS;AAAA,MACpF,SAAS;AAAA,IAEV,KAAA,EACA,QAAQ,QAAQ,GAAG;AAEtB,QAAM,oBAAoB,MAAM;AAC9B,UAAM,aAAa;AAAA,MACjB,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,aAAa,QACT,wBACA;AAAA,MACJ,WAAW;AAAA,IAAA;AAGb,WAAO;AAAA,MACL,GAAG;AAAA,MACH,mBAAmB,QACf,wBACA;AAAA,MACJ,qBAAqB;AAAA,IAAA;AAAA,EAEzB;AAEA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,MAAM,UAAU;AAClB,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,IAEb;AACA,WAAO,CAAA;AAAA,EACT;AAEA,QAAM,eAAe,UAAU,SAAS,QAAQ;AAChD,QAAM,qBAAqB,eACvB,yBACA;AAEJ,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAW,oBACd,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW;AAAA,QACX,OAAO;AAAA,UACL,GAAG,kBAAA;AAAA,UACH,GAAG,kBAAA;AAAA,QAAkB;AAAA,QAEvB,cAAc,CAAC,MAAM;;AACnB,cAAI,CAAC,MAAM,YAAY,CAAC,OAAO;AAC7B,cAAE,cAAc,MAAM,cAAc;AAAA,UACtC;AACA,sBAAM,iBAAN,+BAAqB;AAAA,QACvB;AAAA,QACA,cAAc,CAAC,MAAM;;AACnB,cAAI,CAAC,MAAM,YAAY,CAAC,OAAO;AAC7B,cAAE,cAAc,MAAM,cAAc;AAAA,UACtC;AACA,sBAAM,iBAAN,+BAAqB;AAAA,QACvB;AAAA,QACA,SAAS,CAAC,MAAM;;AACd,cAAI,CAAC,MAAM,UAAU;AACnB,cAAE,cAAc,MAAM,cAAc,QAChC,wBACA;AAAA,UACN;AACA,sBAAM,YAAN,+BAAgB;AAAA,QAClB;AAAA,QACA,QAAQ,CAAC,MAAM;;AACb,cAAI,CAAC,MAAM,UAAU;AACnB,cAAE,cAAc,MAAM,cAAc,QAChC,wBACA;AAAA,UACN;AACA,sBAAM,WAAN,+BAAe;AAAA,QACjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAED,gBACCD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,sBAAA;AAAA,QAEhB,UAAA;AAAA,UAAAC,+BAAC,SAAI,WAAU,WAAU,MAAK,gBAAe,SAAQ,aACnD,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,GAAE;AAAA,cACF,UAAS;AAAA,YAAA;AAAA,UAAA,GAEb;AAAA,UACC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;;"}

package/dist/LMTooltip-30_lOAnH.cjs

@@ -0,0 +1,85 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const componentSizes = require("./componentSizes-DUTZ7uEM.cjs");
+const LMTooltip = ({
+  content,
+  children,
+  placement = "top",
+  maxWidth,
+  size = "sm"
+}) => {
+  const [visible, setVisible] = React.useState(false);
+  const [position, setPosition] = React.useState({ top: 0, left: 0 });
+  const triggerRef = React.useRef(null);
+  const tooltipRef = React.useRef(null);
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  const effectiveMaxWidth = maxWidth ?? componentSizes.SIZE_TOOLTIP_CONFIG[resolvedSize].maxWidth;
+  React.useEffect(() => {
+    if (visible && triggerRef.current && tooltipRef.current) {
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const tooltipRect = tooltipRef.current.getBoundingClientRect();
+      let top = 0;
+      let left = 0;
+      switch (placement) {
+        case "top":
+          top = triggerRect.top - tooltipRect.height - 8;
+          left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
+          break;
+        case "bottom":
+          top = triggerRect.bottom + 8;
+          left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
+          break;
+        case "left":
+          top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
+          left = triggerRect.left - tooltipRect.width - 8;
+          break;
+        case "right":
+          top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
+          left = triggerRect.right + 8;
+          break;
+      }
+      const padding = 8;
+      if (left < padding) left = padding;
+      if (left + tooltipRect.width > window.innerWidth - padding) {
+        left = window.innerWidth - tooltipRect.width - padding;
+      }
+      if (top < padding) top = padding;
+      if (top + tooltipRect.height > window.innerHeight - padding) {
+        top = window.innerHeight - tooltipRect.height - padding;
+      }
+      setPosition({ top, left });
+    }
+  }, [visible, placement]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: triggerRef,
+        onMouseEnter: () => setVisible(true),
+        onMouseLeave: () => setVisible(false),
+        className: "inline-block",
+        children
+      }
+    ),
+    visible && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: tooltipRef,
+        className: `fixed z-50 ${componentSizes.SIZE_TOOLTIP_CONFIG[resolvedSize].paddingClass} ${componentSizes.SIZE_TOOLTIP_CONFIG[resolvedSize].textClass} rounded-lg shadow-lg pointer-events-none`,
+        style: {
+          top: `${position.top}px`,
+          left: `${position.left}px`,
+          maxWidth: `${effectiveMaxWidth}px`,
+          backgroundColor: "var(--lm-bg-elevated)",
+          borderColor: "var(--lm-border-default)",
+          color: "var(--lm-text-primary)",
+          border: "1px solid"
+        },
+        children: content
+      }
+    )
+  ] });
+};
+exports.LMTooltip = LMTooltip;
+//# sourceMappingURL=LMTooltip-30_lOAnH.cjs.map

package/dist/LMTooltip-30_lOAnH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMTooltip-30_lOAnH.cjs","sources":["../src/components/DataDisplay/LMTooltip/LMTooltip.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_TOOLTIP_CONFIG,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMTooltipProps {\n  /** Tooltip content */\n  content: React.ReactNode\n  /** Trigger element */\n  children: React.ReactNode\n  /** Placement */\n  placement?: 'top' | 'bottom' | 'left' | 'right'\n  /** Max width */\n  maxWidth?: number\n  /** Size */\n  size?: ComponentSize\n}\n\nconst LMTooltip: React.FC<LMTooltipProps> = ({\n  content,\n  children,\n  placement = 'top',\n  maxWidth,\n  size = 'sm',\n}) => {\n  const [visible, setVisible] = useState(false)\n  const [position, setPosition] = useState({ top: 0, left: 0 })\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const tooltipRef = useRef<HTMLDivElement>(null)\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n  const effectiveMaxWidth =\n    maxWidth ?? SIZE_TOOLTIP_CONFIG[resolvedSize].maxWidth\n\n  useEffect(() => {\n    if (visible && triggerRef.current && tooltipRef.current) {\n      const triggerRect = triggerRef.current.getBoundingClientRect()\n      const tooltipRect = tooltipRef.current.getBoundingClientRect()\n\n      let top = 0\n      let left = 0\n\n      switch (placement) {\n        case 'top':\n          top = triggerRect.top - tooltipRect.height - 8\n          left =\n            triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2\n          break\n        case 'bottom':\n          top = triggerRect.bottom + 8\n          left =\n            triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2\n          break\n        case 'left':\n          top =\n            triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2\n          left = triggerRect.left - tooltipRect.width - 8\n          break\n        case 'right':\n          top =\n            triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2\n          left = triggerRect.right + 8\n          break\n      }\n\n      // Ensure tooltip doesn't overflow viewport\n      const padding = 8\n      if (left < padding) left = padding\n      if (left + tooltipRect.width > window.innerWidth - padding) {\n        left = window.innerWidth - tooltipRect.width - padding\n      }\n      if (top < padding) top = padding\n      if (top + tooltipRect.height > window.innerHeight - padding) {\n        top = window.innerHeight - tooltipRect.height - padding\n      }\n\n      setPosition({ top, left })\n    }\n  }, [visible, placement])\n\n  return (\n    <>\n      <div\n        ref={triggerRef}\n        onMouseEnter={() => setVisible(true)}\n        onMouseLeave={() => setVisible(false)}\n        className=\"inline-block\"\n      >\n        {children}\n      </div>\n      {visible && (\n        <div\n          ref={tooltipRef}\n          className={`fixed z-50 ${SIZE_TOOLTIP_CONFIG[resolvedSize].paddingClass} ${SIZE_TOOLTIP_CONFIG[resolvedSize].textClass} rounded-lg shadow-lg pointer-events-none`}\n          style={{\n            top: `${position.top}px`,\n            left: `${position.left}px`,\n            maxWidth: `${effectiveMaxWidth}px`,\n            backgroundColor: 'var(--lm-bg-elevated)',\n            borderColor: 'var(--lm-border-default)',\n            color: 'var(--lm-text-primary)',\n            border: '1px solid',\n          }}\n        >\n          {content}\n        </div>\n      )}\n    </>\n  )\n}\n\nexport default LMTooltip\n"],"names":["useState","useRef","clampComponentSize","COMPONENT_SIZE_ORDER","SIZE_TOOLTIP_CONFIG","useEffect","jsxs","Fragment","jsx"],"mappings":";;;;AAqBA,MAAM,YAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AACT,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG;AAC5D,QAAM,aAAaC,MAAAA,OAAuB,IAAI;AAC9C,QAAM,aAAaA,MAAAA,OAAuB,IAAI;AAC9C,QAAM,eAAeC,eAAAA,mBAAmB,MAAMC,mCAAoB;AAClE,QAAM,oBACJ,YAAYC,mCAAoB,YAAY,EAAE;AAEhDC,QAAAA,UAAU,MAAM;AACd,QAAI,WAAW,WAAW,WAAW,WAAW,SAAS;AACvD,YAAM,cAAc,WAAW,QAAQ,sBAAA;AACvC,YAAM,cAAc,WAAW,QAAQ,sBAAA;AAEvC,UAAI,MAAM;AACV,UAAI,OAAO;AAEX,cAAQ,WAAA;AAAA,QACN,KAAK;AACH,gBAAM,YAAY,MAAM,YAAY,SAAS;AAC7C,iBACE,YAAY,OAAO,YAAY,QAAQ,IAAI,YAAY,QAAQ;AACjE;AAAA,QACF,KAAK;AACH,gBAAM,YAAY,SAAS;AAC3B,iBACE,YAAY,OAAO,YAAY,QAAQ,IAAI,YAAY,QAAQ;AACjE;AAAA,QACF,KAAK;AACH,gBACE,YAAY,MAAM,YAAY,SAAS,IAAI,YAAY,SAAS;AAClE,iBAAO,YAAY,OAAO,YAAY,QAAQ;AAC9C;AAAA,QACF,KAAK;AACH,gBACE,YAAY,MAAM,YAAY,SAAS,IAAI,YAAY,SAAS;AAClE,iBAAO,YAAY,QAAQ;AAC3B;AAAA,MAAA;AAIJ,YAAM,UAAU;AAChB,UAAI,OAAO,QAAS,QAAO;AAC3B,UAAI,OAAO,YAAY,QAAQ,OAAO,aAAa,SAAS;AAC1D,eAAO,OAAO,aAAa,YAAY,QAAQ;AAAA,MACjD;AACA,UAAI,MAAM,QAAS,OAAM;AACzB,UAAI,MAAM,YAAY,SAAS,OAAO,cAAc,SAAS;AAC3D,cAAM,OAAO,cAAc,YAAY,SAAS;AAAA,MAClD;AAEA,kBAAY,EAAE,KAAK,MAAM;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,SACEC,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,cAAc,MAAM,WAAW,IAAI;AAAA,QACnC,cAAc,MAAM,WAAW,KAAK;AAAA,QACpC,WAAU;AAAA,QAET;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,WACCA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,cAAcJ,eAAAA,oBAAoB,YAAY,EAAE,YAAY,IAAIA,mCAAoB,YAAY,EAAE,SAAS;AAAA,QACtH,OAAO;AAAA,UACL,KAAK,GAAG,SAAS,GAAG;AAAA,UACpB,MAAM,GAAG,SAAS,IAAI;AAAA,UACtB,UAAU,GAAG,iBAAiB;AAAA,UAC9B,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,QAGT,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;;"}

package/dist/LMTooltip-h47oYhl8.js

@@ -0,0 +1,86 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { c as clampComponentSize, h as SIZE_TOOLTIP_CONFIG, C as COMPONENT_SIZE_ORDER } from "./componentSizes-CdWNL526.js";
+const LMTooltip = ({
+  content,
+  children,
+  placement = "top",
+  maxWidth,
+  size = "sm"
+}) => {
+  const [visible, setVisible] = useState(false);
+  const [position, setPosition] = useState({ top: 0, left: 0 });
+  const triggerRef = useRef(null);
+  const tooltipRef = useRef(null);
+  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER);
+  const effectiveMaxWidth = maxWidth ?? SIZE_TOOLTIP_CONFIG[resolvedSize].maxWidth;
+  useEffect(() => {
+    if (visible && triggerRef.current && tooltipRef.current) {
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const tooltipRect = tooltipRef.current.getBoundingClientRect();
+      let top = 0;
+      let left = 0;
+      switch (placement) {
+        case "top":
+          top = triggerRect.top - tooltipRect.height - 8;
+          left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
+          break;
+        case "bottom":
+          top = triggerRect.bottom + 8;
+          left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
+          break;
+        case "left":
+          top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
+          left = triggerRect.left - tooltipRect.width - 8;
+          break;
+        case "right":
+          top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
+          left = triggerRect.right + 8;
+          break;
+      }
+      const padding = 8;
+      if (left < padding) left = padding;
+      if (left + tooltipRect.width > window.innerWidth - padding) {
+        left = window.innerWidth - tooltipRect.width - padding;
+      }
+      if (top < padding) top = padding;
+      if (top + tooltipRect.height > window.innerHeight - padding) {
+        top = window.innerHeight - tooltipRect.height - padding;
+      }
+      setPosition({ top, left });
+    }
+  }, [visible, placement]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: triggerRef,
+        onMouseEnter: () => setVisible(true),
+        onMouseLeave: () => setVisible(false),
+        className: "inline-block",
+        children
+      }
+    ),
+    visible && /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: tooltipRef,
+        className: `fixed z-50 ${SIZE_TOOLTIP_CONFIG[resolvedSize].paddingClass} ${SIZE_TOOLTIP_CONFIG[resolvedSize].textClass} rounded-lg shadow-lg pointer-events-none`,
+        style: {
+          top: `${position.top}px`,
+          left: `${position.left}px`,
+          maxWidth: `${effectiveMaxWidth}px`,
+          backgroundColor: "var(--lm-bg-elevated)",
+          borderColor: "var(--lm-border-default)",
+          color: "var(--lm-text-primary)",
+          border: "1px solid"
+        },
+        children: content
+      }
+    )
+  ] });
+};
+export {
+  LMTooltip as L
+};
+//# sourceMappingURL=LMTooltip-h47oYhl8.js.map

package/dist/LMTooltip-h47oYhl8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMTooltip-h47oYhl8.js","sources":["../src/components/DataDisplay/LMTooltip/LMTooltip.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_TOOLTIP_CONFIG,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMTooltipProps {\n  /** Tooltip content */\n  content: React.ReactNode\n  /** Trigger element */\n  children: React.ReactNode\n  /** Placement */\n  placement?: 'top' | 'bottom' | 'left' | 'right'\n  /** Max width */\n  maxWidth?: number\n  /** Size */\n  size?: ComponentSize\n}\n\nconst LMTooltip: React.FC<LMTooltipProps> = ({\n  content,\n  children,\n  placement = 'top',\n  maxWidth,\n  size = 'sm',\n}) => {\n  const [visible, setVisible] = useState(false)\n  const [position, setPosition] = useState({ top: 0, left: 0 })\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const tooltipRef = useRef<HTMLDivElement>(null)\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n  const effectiveMaxWidth =\n    maxWidth ?? SIZE_TOOLTIP_CONFIG[resolvedSize].maxWidth\n\n  useEffect(() => {\n    if (visible && triggerRef.current && tooltipRef.current) {\n      const triggerRect = triggerRef.current.getBoundingClientRect()\n      const tooltipRect = tooltipRef.current.getBoundingClientRect()\n\n      let top = 0\n      let left = 0\n\n      switch (placement) {\n        case 'top':\n          top = triggerRect.top - tooltipRect.height - 8\n          left =\n            triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2\n          break\n        case 'bottom':\n          top = triggerRect.bottom + 8\n          left =\n            triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2\n          break\n        case 'left':\n          top =\n            triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2\n          left = triggerRect.left - tooltipRect.width - 8\n          break\n        case 'right':\n          top =\n            triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2\n          left = triggerRect.right + 8\n          break\n      }\n\n      // Ensure tooltip doesn't overflow viewport\n      const padding = 8\n      if (left < padding) left = padding\n      if (left + tooltipRect.width > window.innerWidth - padding) {\n        left = window.innerWidth - tooltipRect.width - padding\n      }\n      if (top < padding) top = padding\n      if (top + tooltipRect.height > window.innerHeight - padding) {\n        top = window.innerHeight - tooltipRect.height - padding\n      }\n\n      setPosition({ top, left })\n    }\n  }, [visible, placement])\n\n  return (\n    <>\n      <div\n        ref={triggerRef}\n        onMouseEnter={() => setVisible(true)}\n        onMouseLeave={() => setVisible(false)}\n        className=\"inline-block\"\n      >\n        {children}\n      </div>\n      {visible && (\n        <div\n          ref={tooltipRef}\n          className={`fixed z-50 ${SIZE_TOOLTIP_CONFIG[resolvedSize].paddingClass} ${SIZE_TOOLTIP_CONFIG[resolvedSize].textClass} rounded-lg shadow-lg pointer-events-none`}\n          style={{\n            top: `${position.top}px`,\n            left: `${position.left}px`,\n            maxWidth: `${effectiveMaxWidth}px`,\n            backgroundColor: 'var(--lm-bg-elevated)',\n            borderColor: 'var(--lm-border-default)',\n            color: 'var(--lm-text-primary)',\n            border: '1px solid',\n          }}\n        >\n          {content}\n        </div>\n      )}\n    </>\n  )\n}\n\nexport default LMTooltip\n"],"names":[],"mappings":";;;AAqBA,MAAM,YAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AACT,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG;AAC5D,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,eAAe,mBAAmB,MAAM,oBAAoB;AAClE,QAAM,oBACJ,YAAY,oBAAoB,YAAY,EAAE;AAEhD,YAAU,MAAM;AACd,QAAI,WAAW,WAAW,WAAW,WAAW,SAAS;AACvD,YAAM,cAAc,WAAW,QAAQ,sBAAA;AACvC,YAAM,cAAc,WAAW,QAAQ,sBAAA;AAEvC,UAAI,MAAM;AACV,UAAI,OAAO;AAEX,cAAQ,WAAA;AAAA,QACN,KAAK;AACH,gBAAM,YAAY,MAAM,YAAY,SAAS;AAC7C,iBACE,YAAY,OAAO,YAAY,QAAQ,IAAI,YAAY,QAAQ;AACjE;AAAA,QACF,KAAK;AACH,gBAAM,YAAY,SAAS;AAC3B,iBACE,YAAY,OAAO,YAAY,QAAQ,IAAI,YAAY,QAAQ;AACjE;AAAA,QACF,KAAK;AACH,gBACE,YAAY,MAAM,YAAY,SAAS,IAAI,YAAY,SAAS;AAClE,iBAAO,YAAY,OAAO,YAAY,QAAQ;AAC9C;AAAA,QACF,KAAK;AACH,gBACE,YAAY,MAAM,YAAY,SAAS,IAAI,YAAY,SAAS;AAClE,iBAAO,YAAY,QAAQ;AAC3B;AAAA,MAAA;AAIJ,YAAM,UAAU;AAChB,UAAI,OAAO,QAAS,QAAO;AAC3B,UAAI,OAAO,YAAY,QAAQ,OAAO,aAAa,SAAS;AAC1D,eAAO,OAAO,aAAa,YAAY,QAAQ;AAAA,MACjD;AACA,UAAI,MAAM,QAAS,OAAM;AACzB,UAAI,MAAM,YAAY,SAAS,OAAO,cAAc,SAAS;AAC3D,cAAM,OAAO,cAAc,YAAY,SAAS;AAAA,MAClD;AAEA,kBAAY,EAAE,KAAK,MAAM;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,cAAc,MAAM,WAAW,IAAI;AAAA,QACnC,cAAc,MAAM,WAAW,KAAK;AAAA,QACpC,WAAU;AAAA,QAET;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,WACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,cAAc,oBAAoB,YAAY,EAAE,YAAY,IAAI,oBAAoB,YAAY,EAAE,SAAS;AAAA,QACtH,OAAO;AAAA,UACL,KAAK,GAAG,SAAS,GAAG;AAAA,UACpB,MAAM,GAAG,SAAS,IAAI;AAAA,UACtB,UAAU,GAAG,iBAAiB;AAAA,UAC9B,iBAAiB;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,QAGT,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;"}