erp-pro-ui 0.1.2 → 0.1.4

package/dist/chunks/select-D71tk6-I.mjs

@@ -1,152 +0,0 @@
-import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
-import { J as CheckIcon, N as ChevronDownIcon } from "./icons-DuumN7z-.mjs";
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { motion, useMotionTemplate, useMotionValue } from "framer-motion";
-//#region src/components/forms/select/Select.tsx
-var Select = forwardRef(({ className = "", containerClassName = "", triggerClassName = "", label, error, helperText, options, value, onChange, placeholder = "Select...", disabled, bgClassName = "bg-background-secondary", ...props }, ref) => {
-	const [open, setOpen] = useState(false);
-	const [visible, setVisible] = useState(false);
-	const containerRef = useRef(null);
-	const hiddenSelectRef = useRef(null);
-	const mouseX = useMotionValue(0);
-	const mouseY = useMotionValue(0);
-	const radius = 100;
-	useEffect(() => {
-		if (ref && typeof ref === "function") ref(hiddenSelectRef.current);
-		else if (ref) ref.current = hiddenSelectRef.current;
-	}, [ref]);
-	useEffect(() => {
-		const handleClick = (e) => {
-			if (containerRef.current && !containerRef.current.contains(e.target)) setOpen(false);
-		};
-		if (open) document.addEventListener("mousedown", handleClick);
-		return () => document.removeEventListener("mousedown", handleClick);
-	}, [open]);
-	const handleMouseMove = (event) => {
-		const { left, top } = event.currentTarget.getBoundingClientRect();
-		mouseX.set(event.clientX - left);
-		mouseY.set(event.clientY - top);
-	};
-	const selectedOption = options.find((opt) => opt.value === value);
-	const handleSelect = (optValue) => {
-		if (onChange && hiddenSelectRef.current) onChange({
-			target: {
-				value: optValue,
-				name: props.name
-			},
-			currentTarget: {
-				value: optValue,
-				name: props.name
-			}
-		});
-		setOpen(false);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: mergeClassNames("w-full min-w-48", containerClassName),
-		children: [
-			label && /* @__PURE__ */ jsx("label", {
-				className: "mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-				children: label
-			}),
-			/* @__PURE__ */ jsxs("select", {
-				ref: hiddenSelectRef,
-				className: "sr-only",
-				value,
-				onChange,
-				disabled,
-				...props,
-				children: [/* @__PURE__ */ jsx("option", {
-					value: "",
-					children: placeholder
-				}), options.map((option) => /* @__PURE__ */ jsx("option", {
-					value: option.value,
-					children: option.label
-				}, option.value))]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				ref: containerRef,
-				className: mergeClassNames("relative w-full", className),
-				children: [/* @__PURE__ */ jsx(motion.div, {
-					style: { backgroundImage: disabled ? "none" : useMotionTemplate`
-                    radial-gradient(
-                      ${visible ? `${radius}px` : "0px"} circle at ${mouseX}px ${mouseY}px,
-                      var(--ds-color-accent),
-                      transparent 90%
-                    )
-                  ` },
-					onMouseMove: !disabled ? handleMouseMove : void 0,
-					onMouseEnter: !disabled ? () => setVisible(true) : void 0,
-					onMouseLeave: !disabled ? () => setVisible(false) : void 0,
-					className: mergeClassNames("group/select rounded-lg p-[2px] transition duration-300 hover:border-accent", disabled ? "bg-muted border-none" : error ? "border-destructive" : "border-border"),
-					children: /* @__PURE__ */ jsxs("div", {
-						className: mergeClassNames("shadow-input flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-input px-3 py-2 text-sm transition duration-400 ease-in-out group-hover/select:shadow-none", bgClassName, disabled ? "cursor-not-allowed opacity-50" : "text-foreground", error && "border-destructive text-destructive focus-visible:ring-destructive", triggerClassName),
-						onClick: () => {
-							if (!disabled) setOpen((o) => !o);
-						},
-						onKeyDown: (event) => {
-							if (disabled) return;
-							if (event.key === "Enter" || event.key === " ") {
-								event.preventDefault();
-								setOpen((current) => !current);
-							}
-							if (event.key === "Escape") setOpen(false);
-						},
-						role: "button",
-						tabIndex: disabled ? -1 : 0,
-						"aria-haspopup": "listbox",
-						"aria-expanded": open,
-						children: [selectedOption ? /* @__PURE__ */ jsx("span", {
-							className: "flex-1 truncate text-foreground",
-							children: selectedOption.label
-						}) : /* @__PURE__ */ jsx("span", {
-							className: "flex-1 text-muted-foreground",
-							children: placeholder
-						}), /* @__PURE__ */ jsx("span", {
-							className: mergeClassNames("ml-2 text-muted-foreground transition-transform duration-300", open ? "rotate-180" : "rotate-0"),
-							children: /* @__PURE__ */ jsx(ChevronDownIcon, {
-								width: 24,
-								height: 24,
-								color: "currentColor",
-								className: "h-5 w-5"
-							})
-						})]
-					})
-				}), open && !disabled && /* @__PURE__ */ jsxs("div", {
-					className: mergeClassNames("absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col overflow-auto rounded-lg border border-border bg-background-secondary shadow-3 backdrop-blur-xl transition"),
-					children: [options.length === 0 && /* @__PURE__ */ jsx("div", {
-						className: "px-3 py-2 text-muted-foreground",
-						children: "No options"
-					}), options.map((opt) => /* @__PURE__ */ jsxs("div", {
-						className: mergeClassNames("mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground transition", opt.value === value ? "bg-accent-subtle text-accent font-semibold" : "", "hover:bg-accent hover:text-on-accent"),
-						onClick: () => handleSelect(opt.value),
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "flex w-5 items-center justify-center",
-							children: opt.value === value && /* @__PURE__ */ jsx(CheckIcon, {
-								className: "text-accent",
-								width: 18,
-								height: 18
-							})
-						}), /* @__PURE__ */ jsx("span", {
-							className: "min-w-0 flex-1 truncate",
-							children: opt.label
-						})]
-					}, opt.value))]
-				})]
-			}),
-			error && /* @__PURE__ */ jsx("p", {
-				className: "mt-1 text-sm font-medium text-destructive",
-				children: error
-			}),
-			helperText && !error && /* @__PURE__ */ jsx("p", {
-				className: "mt-1 text-sm text-muted-foreground",
-				children: helperText
-			})
-		]
-	});
-});
-Select.displayName = "Select";
-//#endregion
-export { Select as t };
-
-//# sourceMappingURL=select-D71tk6-I.mjs.map

package/dist/chunks/select-D71tk6-I.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-D71tk6-I.mjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import type { SelectProps } from \"./types\";\nimport { forwardRef, useState, useRef, useEffect } from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      className = \"\",\n      containerClassName = \"\",\n      triggerClassName = \"\",\n      label,\n      error,\n      helperText,\n      options,\n      value,\n      onChange,\n      placeholder = \"Select...\",\n      disabled,\n      bgClassName = \"bg-background-secondary\",\n      ...props\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = useState(false);\n    const [visible, setVisible] = useState(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n    const mouseX = useMotionValue(0);\n    const mouseY = useMotionValue(0);\n    const radius = 100;\n\n    // Combine refs\n    useEffect(() => {\n      if (ref && typeof ref === \"function\") {\n        ref(hiddenSelectRef.current);\n      } else if (ref) {\n        (ref as React.MutableRefObject<HTMLSelectElement | null>).current =\n          hiddenSelectRef.current;\n      }\n    }, [ref]);\n\n    // Close dropdown on outside click\n    useEffect(() => {\n      const handleClick = (e: MouseEvent) => {\n        if (\n          containerRef.current &&\n          !containerRef.current.contains(e.target as Node)\n        ) {\n          setOpen(false);\n        }\n      };\n      if (open) {\n        document.addEventListener(\"mousedown\", handleClick);\n      }\n      return () => document.removeEventListener(\"mousedown\", handleClick);\n    }, [open]);\n\n    const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n      const { left, top } = event.currentTarget.getBoundingClientRect();\n      mouseX.set(event.clientX - left);\n      mouseY.set(event.clientY - top);\n    };\n\n    const selectedOption = options.find((opt) => opt.value === value);\n\n    const handleSelect = (optValue: string) => {\n      // Trigger onChange with a synthetic event\n      if (onChange && hiddenSelectRef.current) {\n        const event = {\n          target: { value: optValue, name: props.name },\n          currentTarget: { value: optValue, name: props.name },\n        } as React.ChangeEvent<HTMLSelectElement>;\n        onChange(event);\n      }\n      setOpen(false);\n    };\n\n    return (\n      <div className={mergeClassNames(\"w-full min-w-48\", containerClassName)}>\n        {label && (\n          <label className=\"mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n            {label}\n          </label>\n        )}\n\n        {/* Hidden native select for form compatibility */}\n        <select\n          ref={hiddenSelectRef}\n          className=\"sr-only\"\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n          {...props}\n        >\n          <option value=\"\">{placeholder}</option>\n          {options.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n\n        {/* Custom styled dropdown */}\n        <div\n          ref={containerRef}\n          className={mergeClassNames(\"relative w-full\", className)}\n        >\n          <motion.div\n            style={{\n              backgroundImage: disabled\n                ? \"none\"\n                : useMotionTemplate`\n                    radial-gradient(\n                      ${\n                        visible ? `${radius}px` : \"0px\"\n                      } circle at ${mouseX}px ${mouseY}px,\n                      var(--ds-color-accent),\n                      transparent 90%\n                    )\n                  `,\n            }}\n            onMouseMove={!disabled ? handleMouseMove : undefined}\n            onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n            onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n            className={mergeClassNames(\n              \"group/select rounded-lg p-[2px] transition duration-300 hover:border-accent\",\n              disabled\n                ? \"bg-muted border-none\"\n                : error\n                  ? \"border-destructive\"\n                  : \"border-border\",\n            )}\n          >\n            <div\n              className={mergeClassNames(\n                \"shadow-input flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-input px-3 py-2 text-sm transition duration-400 ease-in-out group-hover/select:shadow-none\",\n                bgClassName,\n                disabled ? \"cursor-not-allowed opacity-50\" : \"text-foreground\",\n                error &&\n                  \"border-destructive text-destructive focus-visible:ring-destructive\",\n                triggerClassName,\n              )}\n              onClick={() => {\n                if (!disabled) {\n                  setOpen((o) => !o);\n                }\n              }}\n              onKeyDown={(event) => {\n                if (disabled) {\n                  return;\n                }\n\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  setOpen((current) => !current);\n                }\n\n                if (event.key === \"Escape\") {\n                  setOpen(false);\n                }\n              }}\n              role=\"button\"\n              tabIndex={disabled ? -1 : 0}\n              aria-haspopup=\"listbox\"\n              aria-expanded={open}\n            >\n              {selectedOption ? (\n                <span className=\"flex-1 truncate text-foreground\">\n                  {selectedOption.label}\n                </span>\n              ) : (\n                <span className=\"flex-1 text-muted-foreground\">\n                  {placeholder}\n                </span>\n              )}\n              <span\n                className={mergeClassNames(\n                  \"ml-2 text-muted-foreground transition-transform duration-300\",\n                  open ? \"rotate-180\" : \"rotate-0\",\n                )}\n              >\n                <ChevronDownIcon\n                  width={24}\n                  height={24}\n                  color=\"currentColor\"\n                  className=\"h-5 w-5\"\n                />\n              </span>\n            </div>\n          </motion.div>\n\n          {open && !disabled && (\n            <div\n              className={mergeClassNames(\n                \"absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col overflow-auto rounded-lg border border-border bg-background-secondary shadow-3 backdrop-blur-xl transition\",\n              )}\n            >\n              {options.length === 0 && (\n                <div className=\"px-3 py-2 text-muted-foreground\">\n                  No options\n                </div>\n              )}\n              {options.map((opt) => (\n                <div\n                  key={opt.value}\n                  className={mergeClassNames(\n                    \"mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground transition\",\n                    opt.value === value\n                      ? \"bg-accent-subtle text-accent font-semibold\"\n                      : \"\",\n                    \"hover:bg-accent hover:text-on-accent\",\n                  )}\n                  onClick={() => handleSelect(opt.value)}\n                >\n                  <span className=\"flex w-5 items-center justify-center\">\n                    {opt.value === value && (\n                      <CheckIcon\n                        className=\"text-accent\"\n                        width={18}\n                        height={18}\n                      />\n                    )}\n                  </span>\n                  <span className=\"min-w-0 flex-1 truncate\">{opt.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {error && (\n          <p className=\"mt-1 text-sm font-medium text-destructive\">{error}</p>\n        )}\n        {helperText && !error && (\n          <p className=\"mt-1 text-sm text-muted-foreground\">{helperText}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/chunks/select-WC_kPqUP.cjs

@@ -1,158 +0,0 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-B4SmmY4J.cjs");
-const require_icons = require("./icons-BxIzP2jd.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let framer_motion = require("framer-motion");
-//#region src/components/forms/select/Select.tsx
-var Select = (0, react.forwardRef)(({ className = "", containerClassName = "", triggerClassName = "", label, error, helperText, options, value, onChange, placeholder = "Select...", disabled, bgClassName = "bg-background-secondary", ...props }, ref) => {
-	const [open, setOpen] = (0, react.useState)(false);
-	const [visible, setVisible] = (0, react.useState)(false);
-	const containerRef = (0, react.useRef)(null);
-	const hiddenSelectRef = (0, react.useRef)(null);
-	const mouseX = (0, framer_motion.useMotionValue)(0);
-	const mouseY = (0, framer_motion.useMotionValue)(0);
-	const radius = 100;
-	(0, react.useEffect)(() => {
-		if (ref && typeof ref === "function") ref(hiddenSelectRef.current);
-		else if (ref) ref.current = hiddenSelectRef.current;
-	}, [ref]);
-	(0, react.useEffect)(() => {
-		const handleClick = (e) => {
-			if (containerRef.current && !containerRef.current.contains(e.target)) setOpen(false);
-		};
-		if (open) document.addEventListener("mousedown", handleClick);
-		return () => document.removeEventListener("mousedown", handleClick);
-	}, [open]);
-	const handleMouseMove = (event) => {
-		const { left, top } = event.currentTarget.getBoundingClientRect();
-		mouseX.set(event.clientX - left);
-		mouseY.set(event.clientY - top);
-	};
-	const selectedOption = options.find((opt) => opt.value === value);
-	const handleSelect = (optValue) => {
-		if (onChange && hiddenSelectRef.current) onChange({
-			target: {
-				value: optValue,
-				name: props.name
-			},
-			currentTarget: {
-				value: optValue,
-				name: props.name
-			}
-		});
-		setOpen(false);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.mergeClassNames("w-full min-w-48", containerClassName),
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-				className: "mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-				ref: hiddenSelectRef,
-				className: "sr-only",
-				value,
-				onChange,
-				disabled,
-				...props,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-					value: "",
-					children: placeholder
-				}), options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-					value: option.value,
-					children: option.label
-				}, option.value))]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				ref: containerRef,
-				className: require_utils.mergeClassNames("relative w-full", className),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
-					style: { backgroundImage: disabled ? "none" : framer_motion.useMotionTemplate`
-                    radial-gradient(
-                      ${visible ? `${radius}px` : "0px"} circle at ${mouseX}px ${mouseY}px,
-                      var(--ds-color-accent),
-                      transparent 90%
-                    )
-                  ` },
-					onMouseMove: !disabled ? handleMouseMove : void 0,
-					onMouseEnter: !disabled ? () => setVisible(true) : void 0,
-					onMouseLeave: !disabled ? () => setVisible(false) : void 0,
-					className: require_utils.mergeClassNames("group/select rounded-lg p-[2px] transition duration-300 hover:border-accent", disabled ? "bg-muted border-none" : error ? "border-destructive" : "border-border"),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: require_utils.mergeClassNames("shadow-input flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-input px-3 py-2 text-sm transition duration-400 ease-in-out group-hover/select:shadow-none", bgClassName, disabled ? "cursor-not-allowed opacity-50" : "text-foreground", error && "border-destructive text-destructive focus-visible:ring-destructive", triggerClassName),
-						onClick: () => {
-							if (!disabled) setOpen((o) => !o);
-						},
-						onKeyDown: (event) => {
-							if (disabled) return;
-							if (event.key === "Enter" || event.key === " ") {
-								event.preventDefault();
-								setOpen((current) => !current);
-							}
-							if (event.key === "Escape") setOpen(false);
-						},
-						role: "button",
-						tabIndex: disabled ? -1 : 0,
-						"aria-haspopup": "listbox",
-						"aria-expanded": open,
-						children: [selectedOption ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "flex-1 truncate text-foreground",
-							children: selectedOption.label
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "flex-1 text-muted-foreground",
-							children: placeholder
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: require_utils.mergeClassNames("ml-2 text-muted-foreground transition-transform duration-300", open ? "rotate-180" : "rotate-0"),
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.ChevronDownIcon, {
-								width: 24,
-								height: 24,
-								color: "currentColor",
-								className: "h-5 w-5"
-							})
-						})]
-					})
-				}), open && !disabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_utils.mergeClassNames("absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col overflow-auto rounded-lg border border-border bg-background-secondary shadow-3 backdrop-blur-xl transition"),
-					children: [options.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "px-3 py-2 text-muted-foreground",
-						children: "No options"
-					}), options.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: require_utils.mergeClassNames("mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground transition", opt.value === value ? "bg-accent-subtle text-accent font-semibold" : "", "hover:bg-accent hover:text-on-accent"),
-						onClick: () => handleSelect(opt.value),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "flex w-5 items-center justify-center",
-							children: opt.value === value && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.CheckIcon, {
-								className: "text-accent",
-								width: 18,
-								height: 18
-							})
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "min-w-0 flex-1 truncate",
-							children: opt.label
-						})]
-					}, opt.value))]
-				})]
-			}),
-			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "mt-1 text-sm font-medium text-destructive",
-				children: error
-			}),
-			helperText && !error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "mt-1 text-sm text-muted-foreground",
-				children: helperText
-			})
-		]
-	});
-});
-Select.displayName = "Select";
-//#endregion
-Object.defineProperty(exports, "Select", {
-	enumerable: true,
-	get: function() {
-		return Select;
-	}
-});
-
-//# sourceMappingURL=select-WC_kPqUP.cjs.map

package/dist/chunks/select-WC_kPqUP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-WC_kPqUP.cjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import type { SelectProps } from \"./types\";\nimport { forwardRef, useState, useRef, useEffect } from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      className = \"\",\n      containerClassName = \"\",\n      triggerClassName = \"\",\n      label,\n      error,\n      helperText,\n      options,\n      value,\n      onChange,\n      placeholder = \"Select...\",\n      disabled,\n      bgClassName = \"bg-background-secondary\",\n      ...props\n    },\n    ref,\n  ) => {\n    const [open, setOpen] = useState(false);\n    const [visible, setVisible] = useState(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n    const mouseX = useMotionValue(0);\n    const mouseY = useMotionValue(0);\n    const radius = 100;\n\n    // Combine refs\n    useEffect(() => {\n      if (ref && typeof ref === \"function\") {\n        ref(hiddenSelectRef.current);\n      } else if (ref) {\n        (ref as React.MutableRefObject<HTMLSelectElement | null>).current =\n          hiddenSelectRef.current;\n      }\n    }, [ref]);\n\n    // Close dropdown on outside click\n    useEffect(() => {\n      const handleClick = (e: MouseEvent) => {\n        if (\n          containerRef.current &&\n          !containerRef.current.contains(e.target as Node)\n        ) {\n          setOpen(false);\n        }\n      };\n      if (open) {\n        document.addEventListener(\"mousedown\", handleClick);\n      }\n      return () => document.removeEventListener(\"mousedown\", handleClick);\n    }, [open]);\n\n    const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n      const { left, top } = event.currentTarget.getBoundingClientRect();\n      mouseX.set(event.clientX - left);\n      mouseY.set(event.clientY - top);\n    };\n\n    const selectedOption = options.find((opt) => opt.value === value);\n\n    const handleSelect = (optValue: string) => {\n      // Trigger onChange with a synthetic event\n      if (onChange && hiddenSelectRef.current) {\n        const event = {\n          target: { value: optValue, name: props.name },\n          currentTarget: { value: optValue, name: props.name },\n        } as React.ChangeEvent<HTMLSelectElement>;\n        onChange(event);\n      }\n      setOpen(false);\n    };\n\n    return (\n      <div className={mergeClassNames(\"w-full min-w-48\", containerClassName)}>\n        {label && (\n          <label className=\"mb-2 block text-sm leading-none font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n            {label}\n          </label>\n        )}\n\n        {/* Hidden native select for form compatibility */}\n        <select\n          ref={hiddenSelectRef}\n          className=\"sr-only\"\n          value={value}\n          onChange={onChange}\n          disabled={disabled}\n          {...props}\n        >\n          <option value=\"\">{placeholder}</option>\n          {options.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n\n        {/* Custom styled dropdown */}\n        <div\n          ref={containerRef}\n          className={mergeClassNames(\"relative w-full\", className)}\n        >\n          <motion.div\n            style={{\n              backgroundImage: disabled\n                ? \"none\"\n                : useMotionTemplate`\n                    radial-gradient(\n                      ${\n                        visible ? `${radius}px` : \"0px\"\n                      } circle at ${mouseX}px ${mouseY}px,\n                      var(--ds-color-accent),\n                      transparent 90%\n                    )\n                  `,\n            }}\n            onMouseMove={!disabled ? handleMouseMove : undefined}\n            onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n            onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n            className={mergeClassNames(\n              \"group/select rounded-lg p-[2px] transition duration-300 hover:border-accent\",\n              disabled\n                ? \"bg-muted border-none\"\n                : error\n                  ? \"border-destructive\"\n                  : \"border-border\",\n            )}\n          >\n            <div\n              className={mergeClassNames(\n                \"shadow-input flex h-10 w-full cursor-pointer items-center justify-between rounded-md border border-input px-3 py-2 text-sm transition duration-400 ease-in-out group-hover/select:shadow-none\",\n                bgClassName,\n                disabled ? \"cursor-not-allowed opacity-50\" : \"text-foreground\",\n                error &&\n                  \"border-destructive text-destructive focus-visible:ring-destructive\",\n                triggerClassName,\n              )}\n              onClick={() => {\n                if (!disabled) {\n                  setOpen((o) => !o);\n                }\n              }}\n              onKeyDown={(event) => {\n                if (disabled) {\n                  return;\n                }\n\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  setOpen((current) => !current);\n                }\n\n                if (event.key === \"Escape\") {\n                  setOpen(false);\n                }\n              }}\n              role=\"button\"\n              tabIndex={disabled ? -1 : 0}\n              aria-haspopup=\"listbox\"\n              aria-expanded={open}\n            >\n              {selectedOption ? (\n                <span className=\"flex-1 truncate text-foreground\">\n                  {selectedOption.label}\n                </span>\n              ) : (\n                <span className=\"flex-1 text-muted-foreground\">\n                  {placeholder}\n                </span>\n              )}\n              <span\n                className={mergeClassNames(\n                  \"ml-2 text-muted-foreground transition-transform duration-300\",\n                  open ? \"rotate-180\" : \"rotate-0\",\n                )}\n              >\n                <ChevronDownIcon\n                  width={24}\n                  height={24}\n                  color=\"currentColor\"\n                  className=\"h-5 w-5\"\n                />\n              </span>\n            </div>\n          </motion.div>\n\n          {open && !disabled && (\n            <div\n              className={mergeClassNames(\n                \"absolute right-0 left-0 z-20 mt-1 flex max-h-60 flex-col overflow-auto rounded-lg border border-border bg-background-secondary shadow-3 backdrop-blur-xl transition\",\n              )}\n            >\n              {options.length === 0 && (\n                <div className=\"px-3 py-2 text-muted-foreground\">\n                  No options\n                </div>\n              )}\n              {options.map((opt) => (\n                <div\n                  key={opt.value}\n                  className={mergeClassNames(\n                    \"mx-1 my-1 flex cursor-pointer items-center gap-2 rounded-md px-3 py-2 text-sm text-foreground transition\",\n                    opt.value === value\n                      ? \"bg-accent-subtle text-accent font-semibold\"\n                      : \"\",\n                    \"hover:bg-accent hover:text-on-accent\",\n                  )}\n                  onClick={() => handleSelect(opt.value)}\n                >\n                  <span className=\"flex w-5 items-center justify-center\">\n                    {opt.value === value && (\n                      <CheckIcon\n                        className=\"text-accent\"\n                        width={18}\n                        height={18}\n                      />\n                    )}\n                  </span>\n                  <span className=\"min-w-0 flex-1 truncate\">{opt.label}</span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n\n        {error && (\n          <p className=\"mt-1 text-sm font-medium text-destructive\">{error}</p>\n        )}\n        {helperText && !error && (\n          <p className=\"mt-1 text-sm text-muted-foreground\">{helperText}</p>\n        )}\n      </div>\n    );\n  },\n);\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/chunks/skeleton-BhYWOp0Q.mjs

@@ -1,215 +0,0 @@
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/data-display/skeleton/Skeleton.tsx
-var animationStyles = {
-	pulse: "animate-pulse",
-	wave: "animate-shimmer bg-gradient-to-r from-neutral-200 via-neutral-100 to-neutral-200 dark:from-neutral-700 dark:via-neutral-600 dark:to-neutral-700 bg-[length:200%_100%]",
-	none: ""
-};
-var variantStyles = {
-	text: "rounded",
-	circular: "rounded-full",
-	rectangular: "rounded-none",
-	rounded: "rounded-lg"
-};
-var Skeleton = forwardRef(({ variant = "text", animation = "pulse", width, height, borderRadius, className = "", lines = 1, lineGap = 8, lastLineWidth = "80%" }, ref) => {
-	const baseStyles = `
-      bg-neutral-200 dark:bg-neutral-700
-      ${animation !== "wave" ? animationStyles[animation] : ""}
-      ${animation === "wave" ? animationStyles.wave : ""}
-      ${variantStyles[variant]}
-    `;
-	const getSize = () => {
-		const style = {};
-		if (width) style.width = typeof width === "number" ? `${width}px` : width;
-		else if (variant === "text") style.width = "100%";
-		if (height) style.height = typeof height === "number" ? `${height}px` : height;
-		else if (variant === "text") style.height = "1em";
-		else if (variant === "circular") {
-			style.width = style.width || "40px";
-			style.height = style.width;
-		}
-		if (borderRadius) style.borderRadius = typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
-		return style;
-	};
-	if (variant === "text" && lines > 1) return /* @__PURE__ */ jsx("div", {
-		ref,
-		className: `flex flex-col ${className}`,
-		style: { gap: typeof lineGap === "number" ? `${lineGap}px` : lineGap },
-		children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx("div", {
-			className: baseStyles,
-			style: {
-				...getSize(),
-				width: index === lines - 1 ? lastLineWidth : width || "100%"
-			}
-		}, index))
-	});
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		className: `${baseStyles} ${className}`,
-		style: getSize()
-	});
-});
-Skeleton.displayName = "Skeleton";
-var SkeletonText = forwardRef(({ lines = 3, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(Skeleton, {
-		ref,
-		variant: "text",
-		lines,
-		...props
-	});
-});
-SkeletonText.displayName = "SkeletonText";
-var SkeletonAvatar = forwardRef(({ size = 40, animation = "pulse", className = "", ...props }, ref) => {
-	const sizeValue = typeof size === "number" ? `${size}px` : size;
-	return /* @__PURE__ */ jsx(Skeleton, {
-		ref,
-		variant: "circular",
-		width: sizeValue,
-		height: sizeValue,
-		animation,
-		className,
-		...props
-	});
-});
-SkeletonAvatar.displayName = "SkeletonAvatar";
-var SkeletonButton = forwardRef(({ size = "md", animation = "pulse", className = "", ...props }, ref) => {
-	const sizeStyles = {
-		sm: {
-			width: 80,
-			height: 32
-		},
-		md: {
-			width: 100,
-			height: 40
-		},
-		lg: {
-			width: 120,
-			height: 48
-		}
-	};
-	return /* @__PURE__ */ jsx(Skeleton, {
-		ref,
-		variant: "rounded",
-		width: sizeStyles[size].width,
-		height: sizeStyles[size].height,
-		animation,
-		className,
-		...props
-	});
-});
-SkeletonButton.displayName = "SkeletonButton";
-var SkeletonImage = forwardRef(({ width = "100%", height = 200, animation = "pulse", className = "", ...props }, ref) => {
-	return /* @__PURE__ */ jsx(Skeleton, {
-		ref,
-		variant: "rounded",
-		width,
-		height,
-		animation,
-		className,
-		...props
-	});
-});
-SkeletonImage.displayName = "SkeletonImage";
-var SkeletonCard = forwardRef(({ showImage = true, imageHeight = 200, lines = 3, showAvatar = false, showActions = false, className = "", animation = "pulse" }, ref) => {
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		className: `bg-white dark:bg-neutral-800 rounded-xl overflow-hidden shadow-sm border border-neutral-200 dark:border-neutral-700 ${className}`,
-		children: [showImage && /* @__PURE__ */ jsx(SkeletonImage, {
-			height: imageHeight,
-			animation,
-			borderRadius: 0
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "p-4 flex flex-col gap-4",
-			children: [
-				showAvatar && /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ jsx(SkeletonAvatar, {
-						size: 40,
-						animation
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "flex-1",
-						children: [/* @__PURE__ */ jsx(Skeleton, {
-							variant: "text",
-							width: "60%",
-							height: 14,
-							animation
-						}), /* @__PURE__ */ jsx(Skeleton, {
-							variant: "text",
-							width: "40%",
-							height: 12,
-							animation,
-							className: "mt-2"
-						})]
-					})]
-				}),
-				/* @__PURE__ */ jsx(SkeletonText, {
-					lines,
-					animation,
-					height: 14,
-					lineGap: 10
-				}),
-				showActions && /* @__PURE__ */ jsxs("div", {
-					className: "flex gap-3 mt-2",
-					children: [/* @__PURE__ */ jsx(SkeletonButton, {
-						size: "sm",
-						animation
-					}), /* @__PURE__ */ jsx(SkeletonButton, {
-						size: "sm",
-						animation
-					})]
-				})
-			]
-		})]
-	});
-});
-SkeletonCard.displayName = "SkeletonCard";
-var SkeletonTableRow = forwardRef(({ columns = 4, animation = "pulse", className = "" }, ref) => {
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		className: `flex items-center gap-4 py-3 ${className}`,
-		children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, {
-			variant: "text",
-			width: index === 0 ? "20%" : `${Math.floor(80 / (columns - 1))}%`,
-			height: 16,
-			animation
-		}, index))
-	});
-});
-SkeletonTableRow.displayName = "SkeletonTableRow";
-var SkeletonListItem = forwardRef(({ showAvatar = true, showSecondaryText = true, showAction = false, animation = "pulse", className = "" }, ref) => {
-	return /* @__PURE__ */ jsxs("div", {
-		ref,
-		className: `flex items-center gap-3 py-3 ${className}`,
-		children: [
-			showAvatar && /* @__PURE__ */ jsx(SkeletonAvatar, {
-				size: 48,
-				animation
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex-1",
-				children: [/* @__PURE__ */ jsx(Skeleton, {
-					variant: "text",
-					width: "70%",
-					height: 16,
-					animation
-				}), showSecondaryText && /* @__PURE__ */ jsx(Skeleton, {
-					variant: "text",
-					width: "50%",
-					height: 14,
-					animation,
-					className: "mt-2"
-				})]
-			}),
-			showAction && /* @__PURE__ */ jsx(SkeletonButton, {
-				size: "sm",
-				animation
-			})
-		]
-	});
-});
-SkeletonListItem.displayName = "SkeletonListItem";
-//#endregion
-export { Skeleton as t };
-
-//# sourceMappingURL=skeleton-BhYWOp0Q.mjs.map

package/dist/chunks/skeleton-BhYWOp0Q.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-BhYWOp0Q.mjs","names":[],"sources":["../../src/components/data-display/skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nexport type SkeletonVariant = \"text\" | \"circular\" | \"rectangular\" | \"rounded\";\nexport type SkeletonAnimation = \"pulse\" | \"wave\" | \"none\";\n\nexport interface SkeletonProps {\n  /** The variant shape of the skeleton */\n  variant?: SkeletonVariant;\n  /** The animation type */\n  animation?: SkeletonAnimation;\n  /** Width of the skeleton */\n  width?: number | string;\n  /** Height of the skeleton */\n  height?: number | string;\n  /** Border radius for rounded variant */\n  borderRadius?: number | string;\n  /** Custom className */\n  className?: string;\n  /** Number of lines for text variant */\n  lines?: number;\n  /** Gap between lines */\n  lineGap?: number | string;\n  /** Whether the last line should be shorter */\n  lastLineWidth?: number | string;\n}\n\nexport interface SkeletonTextProps extends Omit<SkeletonProps, \"variant\"> {\n  /** Number of text lines */\n  lines?: number;\n}\n\nexport interface SkeletonAvatarProps extends Omit<\n  SkeletonProps,\n  \"variant\" | \"width\" | \"height\"\n> {\n  /** Size of the avatar */\n  size?: number | string;\n}\n\nexport interface SkeletonCardProps {\n  /** Whether to show image placeholder */\n  showImage?: boolean;\n  /** Image height */\n  imageHeight?: number | string;\n  /** Number of text lines */\n  lines?: number;\n  /** Whether to show avatar */\n  showAvatar?: boolean;\n  /** Whether to show action buttons */\n  showActions?: boolean;\n  /** Custom className */\n  className?: string;\n  /** Animation type */\n  animation?: SkeletonAnimation;\n}\n\nconst animationStyles: Record<SkeletonAnimation, string> = {\n  pulse: \"animate-pulse\",\n  wave: \"animate-shimmer bg-gradient-to-r from-neutral-200 via-neutral-100 to-neutral-200 dark:from-neutral-700 dark:via-neutral-600 dark:to-neutral-700 bg-[length:200%_100%]\",\n  none: \"\",\n};\n\nconst variantStyles: Record<SkeletonVariant, string> = {\n  text: \"rounded\",\n  circular: \"rounded-full\",\n  rectangular: \"rounded-none\",\n  rounded: \"rounded-lg\",\n};\n\n// Base Skeleton Component\nconst Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      variant = \"text\",\n      animation = \"pulse\",\n      width,\n      height,\n      borderRadius,\n      className = \"\",\n      lines = 1,\n      lineGap = 8,\n      lastLineWidth = \"80%\",\n    },\n    ref,\n  ) => {\n    const baseStyles = `\n      bg-neutral-200 dark:bg-neutral-700\n      ${animation !== \"wave\" ? animationStyles[animation] : \"\"}\n      ${animation === \"wave\" ? animationStyles.wave : \"\"}\n      ${variantStyles[variant]}\n    `;\n\n    const getSize = () => {\n      const style: React.CSSProperties = {};\n\n      if (width) {\n        style.width = typeof width === \"number\" ? `${width}px` : width;\n      } else if (variant === \"text\") {\n        style.width = \"100%\";\n      }\n\n      if (height) {\n        style.height = typeof height === \"number\" ? `${height}px` : height;\n      } else if (variant === \"text\") {\n        style.height = \"1em\";\n      } else if (variant === \"circular\") {\n        style.width = style.width || \"40px\";\n        style.height = style.width;\n      }\n\n      if (borderRadius) {\n        style.borderRadius =\n          typeof borderRadius === \"number\" ? `${borderRadius}px` : borderRadius;\n      }\n\n      return style;\n    };\n\n    // Render multiple lines for text variant\n    if (variant === \"text\" && lines > 1) {\n      return (\n        <div\n          ref={ref}\n          className={`flex flex-col ${className}`}\n          style={{\n            gap: typeof lineGap === \"number\" ? `${lineGap}px` : lineGap,\n          }}\n        >\n          {Array.from({ length: lines }).map((_, index) => (\n            <div\n              key={index}\n              className={baseStyles}\n              style={{\n                ...getSize(),\n                width: index === lines - 1 ? lastLineWidth : width || \"100%\",\n              }}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={`${baseStyles} ${className}`}\n        style={getSize()}\n      />\n    );\n  },\n);\n\nSkeleton.displayName = \"Skeleton\";\n\n// Skeleton Text Component\nconst SkeletonText = forwardRef<HTMLDivElement, SkeletonTextProps>(\n  ({ lines = 3, ...props }, ref) => {\n    return <Skeleton ref={ref} variant=\"text\" lines={lines} {...props} />;\n  },\n);\n\nSkeletonText.displayName = \"SkeletonText\";\n\n// Skeleton Avatar Component\nconst SkeletonAvatar = forwardRef<HTMLDivElement, SkeletonAvatarProps>(\n  ({ size = 40, animation = \"pulse\", className = \"\", ...props }, ref) => {\n    const sizeValue = typeof size === \"number\" ? `${size}px` : size;\n\n    return (\n      <Skeleton\n        ref={ref}\n        variant=\"circular\"\n        width={sizeValue}\n        height={sizeValue}\n        animation={animation}\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonAvatar.displayName = \"SkeletonAvatar\";\n\n// Skeleton Button Component\nconst SkeletonButton = forwardRef<\n  HTMLDivElement,\n  Omit<SkeletonProps, \"variant\"> & { size?: \"sm\" | \"md\" | \"lg\" }\n>(({ size = \"md\", animation = \"pulse\", className = \"\", ...props }, ref) => {\n  const sizeStyles = {\n    sm: { width: 80, height: 32 },\n    md: { width: 100, height: 40 },\n    lg: { width: 120, height: 48 },\n  };\n\n  return (\n    <Skeleton\n      ref={ref}\n      variant=\"rounded\"\n      width={sizeStyles[size].width}\n      height={sizeStyles[size].height}\n      animation={animation}\n      className={className}\n      {...props}\n    />\n  );\n});\n\nSkeletonButton.displayName = \"SkeletonButton\";\n\n// Skeleton Image Component\nconst SkeletonImage = forwardRef<\n  HTMLDivElement,\n  Omit<SkeletonProps, \"variant\">\n>(\n  (\n    {\n      width = \"100%\",\n      height = 200,\n      animation = \"pulse\",\n      className = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Skeleton\n        ref={ref}\n        variant=\"rounded\"\n        width={width}\n        height={height}\n        animation={animation}\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonImage.displayName = \"SkeletonImage\";\n\n// Skeleton Card Component\nconst SkeletonCard = forwardRef<HTMLDivElement, SkeletonCardProps>(\n  (\n    {\n      showImage = true,\n      imageHeight = 200,\n      lines = 3,\n      showAvatar = false,\n      showActions = false,\n      className = \"\",\n      animation = \"pulse\",\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={`bg-white dark:bg-neutral-800 rounded-xl overflow-hidden shadow-sm border border-neutral-200 dark:border-neutral-700 ${className}`}\n      >\n        {showImage && (\n          <SkeletonImage\n            height={imageHeight}\n            animation={animation}\n            borderRadius={0}\n          />\n        )}\n\n        <div className=\"p-4 flex flex-col gap-4\">\n          {showAvatar && (\n            <div className=\"flex items-center gap-3\">\n              <SkeletonAvatar size={40} animation={animation} />\n              <div className=\"flex-1\">\n                <Skeleton\n                  variant=\"text\"\n                  width=\"60%\"\n                  height={14}\n                  animation={animation}\n                />\n                <Skeleton\n                  variant=\"text\"\n                  width=\"40%\"\n                  height={12}\n                  animation={animation}\n                  className=\"mt-2\"\n                />\n              </div>\n            </div>\n          )}\n\n          <SkeletonText\n            lines={lines}\n            animation={animation}\n            height={14}\n            lineGap={10}\n          />\n\n          {showActions && (\n            <div className=\"flex gap-3 mt-2\">\n              <SkeletonButton size=\"sm\" animation={animation} />\n              <SkeletonButton size=\"sm\" animation={animation} />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nSkeletonCard.displayName = \"SkeletonCard\";\n\n// Skeleton Table Row Component\nconst SkeletonTableRow = forwardRef<\n  HTMLDivElement,\n  { columns?: number; animation?: SkeletonAnimation; className?: string }\n>(({ columns = 4, animation = \"pulse\", className = \"\" }, ref) => {\n  return (\n    <div ref={ref} className={`flex items-center gap-4 py-3 ${className}`}>\n      {Array.from({ length: columns }).map((_, index) => (\n        <Skeleton\n          key={index}\n          variant=\"text\"\n          width={index === 0 ? \"20%\" : `${Math.floor(80 / (columns - 1))}%`}\n          height={16}\n          animation={animation}\n        />\n      ))}\n    </div>\n  );\n});\n\nSkeletonTableRow.displayName = \"SkeletonTableRow\";\n\n// Skeleton List Item Component\nconst SkeletonListItem = forwardRef<\n  HTMLDivElement,\n  {\n    showAvatar?: boolean;\n    showSecondaryText?: boolean;\n    showAction?: boolean;\n    animation?: SkeletonAnimation;\n    className?: string;\n  }\n>(\n  (\n    {\n      showAvatar = true,\n      showSecondaryText = true,\n      showAction = false,\n      animation = \"pulse\",\n      className = \"\",\n    },\n    ref,\n  ) => {\n    return (\n      <div ref={ref} className={`flex items-center gap-3 py-3 ${className}`}>\n        {showAvatar && <SkeletonAvatar size={48} animation={animation} />}\n        <div className=\"flex-1\">\n          <Skeleton\n            variant=\"text\"\n            width=\"70%\"\n            height={16}\n            animation={animation}\n          />\n          {showSecondaryText && (\n            <Skeleton\n              variant=\"text\"\n              width=\"50%\"\n              height={14}\n              animation={animation}\n              className=\"mt-2\"\n            />\n          )}\n        </div>\n        {showAction && <SkeletonButton size=\"sm\" animation={animation} />}\n      </div>\n    );\n  },\n);\n\nSkeletonListItem.displayName = \"SkeletonListItem\";\n\nexport default Skeleton;\nexport {\n  Skeleton,\n  SkeletonText,\n  SkeletonAvatar,\n  SkeletonButton,\n  SkeletonImage,\n  SkeletonCard,\n  SkeletonTableRow,\n  SkeletonListItem,\n};\n"],"mappings":"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"}