@luscii-healthtech/web-ui 28.5.4 → 28.6.0

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode, type FC } from "react";
+type Props = {
+    width?: number;
+    height?: number;
+    variant?: "rounded" | "rectangular" | "circular" | "text";
+    children?: ReactNode;
+};
+export declare const Skeleton: FC<Props>;
+export {};

package/dist/index.d.ts

@@ -101,3 +101,4 @@ export { StyledUnorderedList } from "./components/StyledLists/StyledUnorderedLis
 export { StyledOrderedList } from "./components/StyledLists/StyledOrderedList";
 export { HoverIndicatorControl } from "./components/HoverIndicatorControl/HoverIndicatorControl";
 export { Collapse } from "./components/Collapse/Collapse";
+export { Skeleton } from "./components/Skeleton/Skeleton";

package/dist/index.development.js

@@ -109,6 +109,10 @@ function __awaiter(thisArg, _arguments, P, generator) {
     });
 }
 
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+}
 typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
     var e = new Error(message);
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
@@ -6291,6 +6295,17 @@ const Collapse = (props) => {
   );
 };
 
+const Skeleton = ({ width, height, variant = "text", children }) => {
+  const base = `ui-bg-slate-300 ui-animate-pulse ui-block ${String.raw(templateObject_1 || (templateObject_1 = __makeTemplateObject([void 0], ["before:ui-content-['\\00a0']"])))}`;
+  const className = classNames__default.default(base, {
+    "ui-rounded": variant === "rounded" || variant === "text",
+    "ui-rounded-full": variant === "circular",
+    "ui-scale-y-75 ui-origin-[0_55%] ui-height-auto": variant === "text"
+  });
+  return React__namespace.default.createElement("span", { className, style: { width, height } }, children);
+};
+var templateObject_1;
+
 Object.defineProperty(exports, 'Toaster', {
     enumerable: true,
     get: function () { return sonner.Toaster; }
@@ -6451,6 +6466,7 @@ exports.Select = Select;
 exports.SettingsIcon = CogwheelIcon;
 exports.SettingsMenuButton = SettingsMenuButton;
 exports.ShareIcon = ShareIcon;
+exports.Skeleton = Skeleton;
 exports.SmallCircleIcon = SmallCircleIcon;
 exports.SmallDiamondIcon = SmallDiamondIcon;
 exports.SmallSquareIcon = SmallSquareIcon;