@ryanhe919/lumen-ui 0.2.1 → 0.3.0

package/dist/LMEmpty-BedQxpbi.cjs

@@ -0,0 +1,188 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const componentSizes = require("./componentSizes-DUTZ7uEM.cjs");
+const DefaultImage = ({ size }) => {
+  const sizeMap = {
+    xs: 64,
+    sm: 80,
+    md: 100,
+    lg: 120,
+    xl: 140,
+    "2xl": 160
+  };
+  const dimension = sizeMap[size];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: dimension,
+      height: dimension,
+      viewBox: "0 0 100 100",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M20 40L50 25L80 40V70L50 85L20 70V40Z",
+            fill: "var(--lm-bg-paper)",
+            stroke: "var(--lm-border-default)",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M20 40L50 55L80 40",
+            stroke: "var(--lm-border-default)",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M50 55V85",
+            stroke: "var(--lm-border-default)",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "35", cy: "20", r: "3", fill: "var(--lm-border-light)" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "65", cy: "18", r: "2", fill: "var(--lm-border-light)" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "75", cy: "28", r: "2.5", fill: "var(--lm-border-light)" })
+      ]
+    }
+  );
+};
+const SimpleImage = ({ size }) => {
+  const sizeMap = {
+    xs: 48,
+    sm: 56,
+    md: 64,
+    lg: 72,
+    xl: 80,
+    "2xl": 88
+  };
+  const dimension = sizeMap[size];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: dimension,
+      height: dimension,
+      viewBox: "0 0 64 64",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "rect",
+          {
+            x: "16",
+            y: "8",
+            width: "32",
+            height: "48",
+            rx: "4",
+            fill: "var(--lm-bg-paper)",
+            stroke: "var(--lm-border-default)",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "line",
+          {
+            x1: "24",
+            y1: "24",
+            x2: "40",
+            y2: "24",
+            stroke: "var(--lm-border-light)",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "line",
+          {
+            x1: "24",
+            y1: "32",
+            x2: "40",
+            y2: "32",
+            stroke: "var(--lm-border-light)",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "line",
+          {
+            x1: "24",
+            y1: "40",
+            x2: "32",
+            y2: "40",
+            stroke: "var(--lm-border-light)",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+};
+const LMEmpty = ({
+  image = "default",
+  imageStyle,
+  description = "暂无数据",
+  children,
+  size = "md",
+  className = "",
+  ...rest
+}) => {
+  const resolvedSize = componentSizes.clampComponentSize(size, componentSizes.COMPONENT_SIZE_ORDER);
+  const descriptionTextClasses = {
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-sm",
+    lg: "text-base",
+    xl: "text-base",
+    "2xl": "text-lg"
+  };
+  const paddingClasses = {
+    xs: "py-4",
+    sm: "py-6",
+    md: "py-8",
+    lg: "py-10",
+    xl: "py-12",
+    "2xl": "py-16"
+  };
+  const baseClassName = `
+    flex flex-col items-center justify-center
+    ${paddingClasses[resolvedSize]}
+    ${className}
+  `.trim().replace(/\s+/g, " ");
+  const renderImage = () => {
+    if (image === "default") {
+      return /* @__PURE__ */ jsxRuntime.jsx(DefaultImage, { size: resolvedSize });
+    }
+    if (image === "simple") {
+      return /* @__PURE__ */ jsxRuntime.jsx(SimpleImage, { size: resolvedSize });
+    }
+    return image;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: baseClassName, ...rest, children: [
+    image && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `mb-4 ${componentSizes.SIZE_GAP_CLASSES[resolvedSize]}`,
+        style: imageStyle,
+        children: renderImage()
+      }
+    ),
+    description && /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        className: `${descriptionTextClasses[resolvedSize]} text-center`,
+        style: { color: "var(--lm-text-secondary)" },
+        children: description
+      }
+    ),
+    children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `mt-4 ${componentSizes.SIZE_GAP_CLASSES[resolvedSize]}`, children })
+  ] });
+};
+exports.LMEmpty = LMEmpty;
+//# sourceMappingURL=LMEmpty-BedQxpbi.cjs.map

package/dist/LMEmpty-BedQxpbi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMEmpty-BedQxpbi.cjs","sources":["../src/components/DataDisplay/LMEmpty/LMEmpty.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_GAP_CLASSES,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Custom image or preset type */\n  image?: React.ReactNode | 'default' | 'simple'\n  /** Custom image style */\n  imageStyle?: React.CSSProperties\n  /** Description text */\n  description?: React.ReactNode\n  /** Actions or extra content below description */\n  children?: React.ReactNode\n  /** Component size */\n  size?: ComponentSize\n}\n\n/** Default empty illustration */\nconst DefaultImage: React.FC<{ size: ComponentSize }> = ({ size }) => {\n  const sizeMap: Record<ComponentSize, number> = {\n    xs: 64,\n    sm: 80,\n    md: 100,\n    lg: 120,\n    xl: 140,\n    '2xl': 160,\n  }\n  const dimension = sizeMap[size]\n\n  return (\n    <svg\n      width={dimension}\n      height={dimension}\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {/* Box base */}\n      <path\n        d=\"M20 40L50 25L80 40V70L50 85L20 70V40Z\"\n        fill=\"var(--lm-bg-paper)\"\n        stroke=\"var(--lm-border-default)\"\n        strokeWidth=\"2\"\n      />\n      {/* Box lid */}\n      <path\n        d=\"M20 40L50 55L80 40\"\n        stroke=\"var(--lm-border-default)\"\n        strokeWidth=\"2\"\n      />\n      {/* Center line */}\n      <path\n        d=\"M50 55V85\"\n        stroke=\"var(--lm-border-default)\"\n        strokeWidth=\"2\"\n      />\n      {/* Decorative circles */}\n      <circle cx=\"35\" cy=\"20\" r=\"3\" fill=\"var(--lm-border-light)\" />\n      <circle cx=\"65\" cy=\"18\" r=\"2\" fill=\"var(--lm-border-light)\" />\n      <circle cx=\"75\" cy=\"28\" r=\"2.5\" fill=\"var(--lm-border-light)\" />\n    </svg>\n  )\n}\n\n/** Simple empty illustration */\nconst SimpleImage: React.FC<{ size: ComponentSize }> = ({ size }) => {\n  const sizeMap: Record<ComponentSize, number> = {\n    xs: 48,\n    sm: 56,\n    md: 64,\n    lg: 72,\n    xl: 80,\n    '2xl': 88,\n  }\n  const dimension = sizeMap[size]\n\n  return (\n    <svg\n      width={dimension}\n      height={dimension}\n      viewBox=\"0 0 64 64\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {/* Simple file icon */}\n      <rect\n        x=\"16\"\n        y=\"8\"\n        width=\"32\"\n        height=\"48\"\n        rx=\"4\"\n        fill=\"var(--lm-bg-paper)\"\n        stroke=\"var(--lm-border-default)\"\n        strokeWidth=\"2\"\n      />\n      {/* Lines */}\n      <line\n        x1=\"24\"\n        y1=\"24\"\n        x2=\"40\"\n        y2=\"24\"\n        stroke=\"var(--lm-border-light)\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n      <line\n        x1=\"24\"\n        y1=\"32\"\n        x2=\"40\"\n        y2=\"32\"\n        stroke=\"var(--lm-border-light)\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n      <line\n        x1=\"24\"\n        y1=\"40\"\n        x2=\"32\"\n        y2=\"40\"\n        stroke=\"var(--lm-border-light)\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  )\n}\n\nconst LMEmpty: React.FC<LMEmptyProps> = ({\n  image = 'default',\n  imageStyle,\n  description = '暂无数据',\n  children,\n  size = 'md',\n  className = '',\n  ...rest\n}) => {\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n\n  const descriptionTextClasses: Record<ComponentSize, string> = {\n    xs: 'text-xs',\n    sm: 'text-sm',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n    '2xl': 'text-lg',\n  }\n\n  const paddingClasses: Record<ComponentSize, string> = {\n    xs: 'py-4',\n    sm: 'py-6',\n    md: 'py-8',\n    lg: 'py-10',\n    xl: 'py-12',\n    '2xl': 'py-16',\n  }\n\n  const baseClassName = `\n    flex flex-col items-center justify-center\n    ${paddingClasses[resolvedSize]}\n    ${className}\n  `\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  const renderImage = () => {\n    if (image === 'default') {\n      return <DefaultImage size={resolvedSize} />\n    }\n    if (image === 'simple') {\n      return <SimpleImage size={resolvedSize} />\n    }\n    return image\n  }\n\n  return (\n    <div className={baseClassName} {...rest}>\n      {/* Image */}\n      {image && (\n        <div\n          className={`mb-4 ${SIZE_GAP_CLASSES[resolvedSize]}`}\n          style={imageStyle}\n        >\n          {renderImage()}\n        </div>\n      )}\n\n      {/* Description */}\n      {description && (\n        <p\n          className={`${descriptionTextClasses[resolvedSize]} text-center`}\n          style={{ color: 'var(--lm-text-secondary)' }}\n        >\n          {description}\n        </p>\n      )}\n\n      {/* Actions */}\n      {children && (\n        <div className={`mt-4 ${SIZE_GAP_CLASSES[resolvedSize]}`}>\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default LMEmpty\n"],"names":["jsxs","jsx","clampComponentSize","COMPONENT_SIZE_ORDER","SIZE_GAP_CLASSES"],"mappings":"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"}

package/dist/LMEmpty-DzHM1fOb.js

@@ -0,0 +1,189 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as clampComponentSize, f as SIZE_GAP_CLASSES, C as COMPONENT_SIZE_ORDER } from "./componentSizes-CdWNL526.js";
+const DefaultImage = ({ size }) => {
+  const sizeMap = {
+    xs: 64,
+    sm: 80,
+    md: 100,
+    lg: 120,
+    xl: 140,
+    "2xl": 160
+  };
+  const dimension = sizeMap[size];
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: dimension,
+      height: dimension,
+      viewBox: "0 0 100 100",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20 40L50 25L80 40V70L50 85L20 70V40Z",
+            fill: "var(--lm-bg-paper)",
+            stroke: "var(--lm-border-default)",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20 40L50 55L80 40",
+            stroke: "var(--lm-border-default)",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M50 55V85",
+            stroke: "var(--lm-border-default)",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsx("circle", { cx: "35", cy: "20", r: "3", fill: "var(--lm-border-light)" }),
+        /* @__PURE__ */ jsx("circle", { cx: "65", cy: "18", r: "2", fill: "var(--lm-border-light)" }),
+        /* @__PURE__ */ jsx("circle", { cx: "75", cy: "28", r: "2.5", fill: "var(--lm-border-light)" })
+      ]
+    }
+  );
+};
+const SimpleImage = ({ size }) => {
+  const sizeMap = {
+    xs: 48,
+    sm: 56,
+    md: 64,
+    lg: 72,
+    xl: 80,
+    "2xl": 88
+  };
+  const dimension = sizeMap[size];
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: dimension,
+      height: dimension,
+      viewBox: "0 0 64 64",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "16",
+            y: "8",
+            width: "32",
+            height: "48",
+            rx: "4",
+            fill: "var(--lm-bg-paper)",
+            stroke: "var(--lm-border-default)",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: "24",
+            y1: "24",
+            x2: "40",
+            y2: "24",
+            stroke: "var(--lm-border-light)",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: "24",
+            y1: "32",
+            x2: "40",
+            y2: "32",
+            stroke: "var(--lm-border-light)",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            x1: "24",
+            y1: "40",
+            x2: "32",
+            y2: "40",
+            stroke: "var(--lm-border-light)",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+};
+const LMEmpty = ({
+  image = "default",
+  imageStyle,
+  description = "暂无数据",
+  children,
+  size = "md",
+  className = "",
+  ...rest
+}) => {
+  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER);
+  const descriptionTextClasses = {
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-sm",
+    lg: "text-base",
+    xl: "text-base",
+    "2xl": "text-lg"
+  };
+  const paddingClasses = {
+    xs: "py-4",
+    sm: "py-6",
+    md: "py-8",
+    lg: "py-10",
+    xl: "py-12",
+    "2xl": "py-16"
+  };
+  const baseClassName = `
+    flex flex-col items-center justify-center
+    ${paddingClasses[resolvedSize]}
+    ${className}
+  `.trim().replace(/\s+/g, " ");
+  const renderImage = () => {
+    if (image === "default") {
+      return /* @__PURE__ */ jsx(DefaultImage, { size: resolvedSize });
+    }
+    if (image === "simple") {
+      return /* @__PURE__ */ jsx(SimpleImage, { size: resolvedSize });
+    }
+    return image;
+  };
+  return /* @__PURE__ */ jsxs("div", { className: baseClassName, ...rest, children: [
+    image && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `mb-4 ${SIZE_GAP_CLASSES[resolvedSize]}`,
+        style: imageStyle,
+        children: renderImage()
+      }
+    ),
+    description && /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: `${descriptionTextClasses[resolvedSize]} text-center`,
+        style: { color: "var(--lm-text-secondary)" },
+        children: description
+      }
+    ),
+    children && /* @__PURE__ */ jsx("div", { className: `mt-4 ${SIZE_GAP_CLASSES[resolvedSize]}`, children })
+  ] });
+};
+export {
+  LMEmpty as L
+};
+//# sourceMappingURL=LMEmpty-DzHM1fOb.js.map

package/dist/LMEmpty-DzHM1fOb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMEmpty-DzHM1fOb.js","sources":["../src/components/DataDisplay/LMEmpty/LMEmpty.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  COMPONENT_SIZE_ORDER,\n  SIZE_GAP_CLASSES,\n  clampComponentSize,\n} from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Custom image or preset type */\n  image?: React.ReactNode | 'default' | 'simple'\n  /** Custom image style */\n  imageStyle?: React.CSSProperties\n  /** Description text */\n  description?: React.ReactNode\n  /** Actions or extra content below description */\n  children?: React.ReactNode\n  /** Component size */\n  size?: ComponentSize\n}\n\n/** Default empty illustration */\nconst DefaultImage: React.FC<{ size: ComponentSize }> = ({ size }) => {\n  const sizeMap: Record<ComponentSize, number> = {\n    xs: 64,\n    sm: 80,\n    md: 100,\n    lg: 120,\n    xl: 140,\n    '2xl': 160,\n  }\n  const dimension = sizeMap[size]\n\n  return (\n    <svg\n      width={dimension}\n      height={dimension}\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {/* Box base */}\n      <path\n        d=\"M20 40L50 25L80 40V70L50 85L20 70V40Z\"\n        fill=\"var(--lm-bg-paper)\"\n        stroke=\"var(--lm-border-default)\"\n        strokeWidth=\"2\"\n      />\n      {/* Box lid */}\n      <path\n        d=\"M20 40L50 55L80 40\"\n        stroke=\"var(--lm-border-default)\"\n        strokeWidth=\"2\"\n      />\n      {/* Center line */}\n      <path\n        d=\"M50 55V85\"\n        stroke=\"var(--lm-border-default)\"\n        strokeWidth=\"2\"\n      />\n      {/* Decorative circles */}\n      <circle cx=\"35\" cy=\"20\" r=\"3\" fill=\"var(--lm-border-light)\" />\n      <circle cx=\"65\" cy=\"18\" r=\"2\" fill=\"var(--lm-border-light)\" />\n      <circle cx=\"75\" cy=\"28\" r=\"2.5\" fill=\"var(--lm-border-light)\" />\n    </svg>\n  )\n}\n\n/** Simple empty illustration */\nconst SimpleImage: React.FC<{ size: ComponentSize }> = ({ size }) => {\n  const sizeMap: Record<ComponentSize, number> = {\n    xs: 48,\n    sm: 56,\n    md: 64,\n    lg: 72,\n    xl: 80,\n    '2xl': 88,\n  }\n  const dimension = sizeMap[size]\n\n  return (\n    <svg\n      width={dimension}\n      height={dimension}\n      viewBox=\"0 0 64 64\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {/* Simple file icon */}\n      <rect\n        x=\"16\"\n        y=\"8\"\n        width=\"32\"\n        height=\"48\"\n        rx=\"4\"\n        fill=\"var(--lm-bg-paper)\"\n        stroke=\"var(--lm-border-default)\"\n        strokeWidth=\"2\"\n      />\n      {/* Lines */}\n      <line\n        x1=\"24\"\n        y1=\"24\"\n        x2=\"40\"\n        y2=\"24\"\n        stroke=\"var(--lm-border-light)\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n      <line\n        x1=\"24\"\n        y1=\"32\"\n        x2=\"40\"\n        y2=\"32\"\n        stroke=\"var(--lm-border-light)\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n      <line\n        x1=\"24\"\n        y1=\"40\"\n        x2=\"32\"\n        y2=\"40\"\n        stroke=\"var(--lm-border-light)\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  )\n}\n\nconst LMEmpty: React.FC<LMEmptyProps> = ({\n  image = 'default',\n  imageStyle,\n  description = '暂无数据',\n  children,\n  size = 'md',\n  className = '',\n  ...rest\n}) => {\n  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER)\n\n  const descriptionTextClasses: Record<ComponentSize, string> = {\n    xs: 'text-xs',\n    sm: 'text-sm',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n    '2xl': 'text-lg',\n  }\n\n  const paddingClasses: Record<ComponentSize, string> = {\n    xs: 'py-4',\n    sm: 'py-6',\n    md: 'py-8',\n    lg: 'py-10',\n    xl: 'py-12',\n    '2xl': 'py-16',\n  }\n\n  const baseClassName = `\n    flex flex-col items-center justify-center\n    ${paddingClasses[resolvedSize]}\n    ${className}\n  `\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  const renderImage = () => {\n    if (image === 'default') {\n      return <DefaultImage size={resolvedSize} />\n    }\n    if (image === 'simple') {\n      return <SimpleImage size={resolvedSize} />\n    }\n    return image\n  }\n\n  return (\n    <div className={baseClassName} {...rest}>\n      {/* Image */}\n      {image && (\n        <div\n          className={`mb-4 ${SIZE_GAP_CLASSES[resolvedSize]}`}\n          style={imageStyle}\n        >\n          {renderImage()}\n        </div>\n      )}\n\n      {/* Description */}\n      {description && (\n        <p\n          className={`${descriptionTextClasses[resolvedSize]} text-center`}\n          style={{ color: 'var(--lm-text-secondary)' }}\n        >\n          {description}\n        </p>\n      )}\n\n      {/* Actions */}\n      {children && (\n        <div className={`mt-4 ${SIZE_GAP_CLASSES[resolvedSize]}`}>\n          {children}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default LMEmpty\n"],"names":[],"mappings":"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"}

package/dist/LMField-BS-DSEya.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React from "react";
+const LMField = ({
+  label,
+  required = false,
+  errorMessage,
+  help,
+  children,
+  className = ""
+}) => {
+  let controlId;
+  const firstChild = Array.isArray(children) ? children.find(Boolean) : children;
+  if (React.isValidElement(firstChild) && typeof firstChild.props.id === "string") {
+    controlId = firstChild.props.id;
+  }
+  const containerClass = `space-y-2 ${className}`.trim().replace(/\s+/g, " ");
+  return /* @__PURE__ */ jsxs("div", { className: containerClass, children: [
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        htmlFor: controlId,
+        className: "block text-xs font-semibold tracking-wide",
+        style: { color: "var(--lm-text-primary)" },
+        "aria-required": required || void 0,
+        children: [
+          label,
+          required && /* @__PURE__ */ jsx("span", { className: "ml-1", style: { color: "var(--lm-error-500)" }, children: "*" })
+        ]
+      }
+    ),
+    help && /* @__PURE__ */ jsx("p", { className: "text-xs", style: { color: "var(--lm-text-secondary)" }, children: help }),
+    children,
+    errorMessage && /* @__PURE__ */ jsxs(
+      "p",
+      {
+        className: "text-xs flex items-center gap-1",
+        style: { color: "var(--lm-error-500)" },
+        role: "alert",
+        "aria-live": "polite",
+        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
+        ]
+      }
+    )
+  ] });
+};
+export {
+  LMField as L
+};
+//# sourceMappingURL=LMField-BS-DSEya.js.map

package/dist/LMField-BS-DSEya.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMField-BS-DSEya.js","sources":["../src/components/Form/LMField/LMField.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface LMFieldProps {\n  /** Field label */\n  label: string\n  /** Required indicator */\n  required?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Help text */\n  help?: string\n  /** Children */\n  children: React.ReactNode\n  /** Class name */\n  className?: string\n}\n\nconst LMField: React.FC<LMFieldProps> = ({\n  label,\n  required = false,\n  errorMessage,\n  help,\n  children,\n  className = '',\n}) => {\n  let controlId: string | undefined\n  const firstChild = Array.isArray(children)\n    ? children.find(Boolean)\n    : (children as React.ReactNode)\n\n  if (\n    React.isValidElement<{ id?: string }>(firstChild) &&\n    typeof firstChild.props.id === 'string'\n  ) {\n    controlId = firstChild.props.id\n  }\n\n  const containerClass = `space-y-2 ${className}`.trim().replace(/\\s+/g, ' ')\n\n  return (\n    <div className={containerClass}>\n      <label\n        htmlFor={controlId}\n        className=\"block text-xs font-semibold tracking-wide\"\n        style={{ color: 'var(--lm-text-primary)' }}\n        aria-required={required || undefined}\n      >\n        {label}\n        {required && (\n          <span className=\"ml-1\" style={{ color: 'var(--lm-error-500)' }}>\n            *\n          </span>\n        )}\n      </label>\n\n      {help && (\n        <p className=\"text-xs\" style={{ color: 'var(--lm-text-secondary)' }}>\n          {help}\n        </p>\n      )}\n\n      {children}\n\n      {errorMessage && (\n        <p\n          className=\"text-xs flex items-center gap-1\"\n          style={{ color: 'var(--lm-error-500)' }}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          <svg\n            className=\"w-3 h-3\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 20 20\"\n            aria-hidden=\"true\"\n          >\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 LMField\n"],"names":[],"mappings":";;AAiBA,MAAM,UAAkC,CAAC;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,MAAI;AACJ,QAAM,aAAa,MAAM,QAAQ,QAAQ,IACrC,SAAS,KAAK,OAAO,IACpB;AAEL,MACE,MAAM,eAAgC,UAAU,KAChD,OAAO,WAAW,MAAM,OAAO,UAC/B;AACA,gBAAY,WAAW,MAAM;AAAA,EAC/B;AAEA,QAAM,iBAAiB,aAAa,SAAS,GAAG,OAAO,QAAQ,QAAQ,GAAG;AAE1E,SACE,qBAAC,OAAA,EAAI,WAAW,gBACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,yBAAA;AAAA,QAChB,iBAAe,YAAY;AAAA,QAE1B,UAAA;AAAA,UAAA;AAAA,UACA,YACC,oBAAC,QAAA,EAAK,WAAU,QAAO,OAAO,EAAE,OAAO,yBAAyB,UAAA,IAAA,CAEhE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,QACC,oBAAC,KAAA,EAAE,WAAU,WAAU,OAAO,EAAE,OAAO,2BAAA,GACpC,UAAA,KAAA,CACH;AAAA,IAGD;AAAA,IAEA,gBACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,sBAAA;AAAA,QAChB,MAAK;AAAA,QACL,aAAU;AAAA,QAEV,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,eAAY;AAAA,cAEZ,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,GAAE;AAAA,kBACF,UAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,YACX;AAAA,UAAA;AAAA,UAED;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;"}

package/dist/LMField-DhDHj64z.cjs

@@ -0,0 +1,66 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const LMField = ({
+  label,
+  required = false,
+  errorMessage,
+  help,
+  children,
+  className = ""
+}) => {
+  let controlId;
+  const firstChild = Array.isArray(children) ? children.find(Boolean) : children;
+  if (React.isValidElement(firstChild) && typeof firstChild.props.id === "string") {
+    controlId = firstChild.props.id;
+  }
+  const containerClass = `space-y-2 ${className}`.trim().replace(/\s+/g, " ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        htmlFor: controlId,
+        className: "block text-xs font-semibold tracking-wide",
+        style: { color: "var(--lm-text-primary)" },
+        "aria-required": required || void 0,
+        children: [
+          label,
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1", style: { color: "var(--lm-error-500)" }, children: "*" })
+        ]
+      }
+    ),
+    help && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", style: { color: "var(--lm-text-secondary)" }, children: help }),
+    children,
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsxs(
+      "p",
+      {
+        className: "text-xs flex items-center gap-1",
+        style: { color: "var(--lm-error-500)" },
+        role: "alert",
+        "aria-live": "polite",
+        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
+        ]
+      }
+    )
+  ] });
+};
+exports.LMField = LMField;
+//# sourceMappingURL=LMField-DhDHj64z.cjs.map

package/dist/LMField-DhDHj64z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMField-DhDHj64z.cjs","sources":["../src/components/Form/LMField/LMField.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface LMFieldProps {\n  /** Field label */\n  label: string\n  /** Required indicator */\n  required?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Help text */\n  help?: string\n  /** Children */\n  children: React.ReactNode\n  /** Class name */\n  className?: string\n}\n\nconst LMField: React.FC<LMFieldProps> = ({\n  label,\n  required = false,\n  errorMessage,\n  help,\n  children,\n  className = '',\n}) => {\n  let controlId: string | undefined\n  const firstChild = Array.isArray(children)\n    ? children.find(Boolean)\n    : (children as React.ReactNode)\n\n  if (\n    React.isValidElement<{ id?: string }>(firstChild) &&\n    typeof firstChild.props.id === 'string'\n  ) {\n    controlId = firstChild.props.id\n  }\n\n  const containerClass = `space-y-2 ${className}`.trim().replace(/\\s+/g, ' ')\n\n  return (\n    <div className={containerClass}>\n      <label\n        htmlFor={controlId}\n        className=\"block text-xs font-semibold tracking-wide\"\n        style={{ color: 'var(--lm-text-primary)' }}\n        aria-required={required || undefined}\n      >\n        {label}\n        {required && (\n          <span className=\"ml-1\" style={{ color: 'var(--lm-error-500)' }}>\n            *\n          </span>\n        )}\n      </label>\n\n      {help && (\n        <p className=\"text-xs\" style={{ color: 'var(--lm-text-secondary)' }}>\n          {help}\n        </p>\n      )}\n\n      {children}\n\n      {errorMessage && (\n        <p\n          className=\"text-xs flex items-center gap-1\"\n          style={{ color: 'var(--lm-error-500)' }}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          <svg\n            className=\"w-3 h-3\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 20 20\"\n            aria-hidden=\"true\"\n          >\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 LMField\n"],"names":["jsxs","jsx"],"mappings":";;;AAiBA,MAAM,UAAkC,CAAC;AAAA,EACvC;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,MAAI;AACJ,QAAM,aAAa,MAAM,QAAQ,QAAQ,IACrC,SAAS,KAAK,OAAO,IACpB;AAEL,MACE,MAAM,eAAgC,UAAU,KAChD,OAAO,WAAW,MAAM,OAAO,UAC/B;AACA,gBAAY,WAAW,MAAM;AAAA,EAC/B;AAEA,QAAM,iBAAiB,aAAa,SAAS,GAAG,OAAO,QAAQ,QAAQ,GAAG;AAE1E,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAW,gBACd,UAAA;AAAA,IAAAA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,yBAAA;AAAA,QAChB,iBAAe,YAAY;AAAA,QAE1B,UAAA;AAAA,UAAA;AAAA,UACA,YACCC,2BAAAA,IAAC,QAAA,EAAK,WAAU,QAAO,OAAO,EAAE,OAAO,yBAAyB,UAAA,IAAA,CAEhE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,QACCA,2BAAAA,IAAC,KAAA,EAAE,WAAU,WAAU,OAAO,EAAE,OAAO,2BAAA,GACpC,UAAA,KAAA,CACH;AAAA,IAGD;AAAA,IAEA,gBACCD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,sBAAA;AAAA,QAChB,MAAK;AAAA,QACL,aAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,eAAY;AAAA,cAEZ,UAAAA,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,GAAE;AAAA,kBACF,UAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,YACX;AAAA,UAAA;AAAA,UAED;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;;"}