@luscii-healthtech/web-ui 28.5.4 → 28.6.1

package/dist/components/Badge/Badge.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 interface BadgeProps {
     badgeCount: number;
     className?: string;
 }
-declare const Badge: (props: BadgeProps) => JSX.Element;
+declare const Badge: (props: BadgeProps) => React.JSX.Element;
 export default Badge;

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;
@@ -2379,11 +2383,11 @@ const Badge = (props) => {
     "ui-h-6",
     "ui-min-w-24",
     "ui-px-2",
-    "ui-bg-color-negative"
+    "ui-bg-primary-background"
   ], props.className);
   const textClasses = classNames__default.default([
     "ui-text-xs",
-    "ui-text-white",
+    "ui-text-primary",
     "ui-leading-none"
   ]);
   return React__namespace.default.createElement(
@@ -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;