@luscii-healthtech/web-ui 42.8.0 → 42.8.2

package/dist/index.development.js

@@ -409,6 +409,9 @@ var AlarmClockIcon = IconWrapper(SvgAlarmClockIcon);
 const SvgAmberAlertIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 12 12" }, props, { children: jsxRuntime.jsx("rect", { width: 10, height: 10, x: 1, y: 1, stroke: "currentColor", strokeWidth: 2, rx: 5 }) }));
 var AmberAlertIcon = IconWrapper(SvgAmberAlertIcon);
 
+const SvgArrowBackward = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "m7.373 12.75 5.17 5.17a.7.7 0 0 1 .22.521.74.74 0 0 1-.236.532.78.78 0 0 1-.527.225.7.7 0 0 1-.527-.225l-6.34-6.34A.83.83 0 0 1 4.877 12q0-.18.058-.336a.8.8 0 0 1 .198-.297l6.34-6.34a.72.72 0 0 1 .515-.212.75.75 0 0 1 .539.212.74.74 0 0 1 .233.535q0 .302-.233.534L7.373 11.25H18.75q.32 0 .535.216A.73.73 0 0 1 19.5 12a.73.73 0 0 1-.215.535.73.73 0 0 1-.535.215z" }) }));
+var ArrowBackward = IconWrapper(SvgArrowBackward);
+
 const SvgArrowForward = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M16.627 12.75H5.25a.73.73 0 0 1-.535-.216.73.73 0 0 1-.215-.535q0-.319.215-.535a.73.73 0 0 1 .535-.215h11.377l-5.17-5.17a.7.7 0 0 1-.22-.521q.003-.3.236-.532A.78.78 0 0 1 12 4.801a.7.7 0 0 1 .527.225l6.34 6.34a.83.83 0 0 1 .256.633.83.83 0 0 1-.256.633l-6.34 6.34a.72.72 0 0 1-.514.213.75.75 0 0 1-.54-.213.74.74 0 0 1-.233-.535q0-.3.233-.534z" }) }));
 var ArrowForward = IconWrapper(SvgArrowForward);
 
@@ -745,6 +748,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     AlertsIcon: BellIcon,
     AmberAlertColoredIcon: AmberAlertColoredIcon,
     AmberAlertIcon: AmberAlertIcon,
+    ArrowBackward: ArrowBackward,
     ArrowForward: ArrowForward,
     AssignIcon: AssignIcon,
     AssignedIcon: AssignedIcon,
@@ -3610,14 +3614,20 @@ const isPlainText = (node) => {
   return typeof node === "string" || typeof node === "number";
 };
 const TableRoot = React__namespace.default.forwardRef((_a, wrapperRef) => {
-  var { className, children, sticky, headerBackground = "none" } = _a, attrs = __rest(_a, ["className", "children", "sticky", "headerBackground"]);
+  var { className, children, sticky, headerBackground = "none", variant = "fit-content" } = _a, attrs = __rest(_a, ["className", "children", "sticky", "headerBackground", "variant"]);
   const stickyHeader = sticky === "header" || sticky === "header-and-first-column";
   const stickyFirstColumn = sticky === "first-column" || sticky === "header-and-first-column";
   const firstColBg = headerBackground === "first-column" || headerBackground === "first-row-and-column" ? "#f8fafc" : "#ffffff";
   const firstRowBg = headerBackground === "first-row" || headerBackground === "first-row-and-column" ? "#f8fafc" : "#ffffff";
   const cornerCellBg = headerBackground !== "none" ? "#f8fafc" : "#ffffff";
   const hasTFoot = React__namespace.default.Children.toArray(children).some((child) => React__namespace.default.isValidElement(child) && child.type === TFoot);
-  return jsxRuntime.jsx("div", { className: classNames__default.default("ui:rounded-2xl ui:overflow-auto ui:border ui:border-neutral-border-high-contrast ui:w-fit", className), ref: wrapperRef, children: jsxRuntime.jsxs("table", Object.assign({ className: classNames__default.default("ui:table-auto ui:bg-white", "ui:border-separate ui:border-spacing-0", {
+  return jsxRuntime.jsx("div", { className: classNames__default.default("ui:rounded-2xl ui:overflow-auto ui:border ui:border-neutral-border-high-contrast", {
+    "ui:w-fit": variant === "fit-content",
+    "ui:w-full": variant === "full-width"
+  }, className), ref: wrapperRef, children: jsxRuntime.jsxs("table", Object.assign({ className: classNames__default.default({
+    "ui:w-fit": variant === "fit-content",
+    "ui:w-full": variant === "full-width"
+  }, "ui:table-auto ui:bg-white", "ui:border-separate ui:border-spacing-0", {
     /**
      * Apply sticky positioning to first column cells in tbody (both th and td)
      * with proper z-index layering
@@ -6099,14 +6109,15 @@ const Aside = (props) => {
 SplitViewLayout.Aside = Aside;
 
 const Header = (props) => {
-  const { children } = props, restProps = __rest(props, ["children"]);
-  return jsxRuntime.jsx(Box, Object.assign({ as: "header", p: "xl", backgroundColor: "surface" }, restProps, { children }));
+  const { children, className, leftActionSlot, rightActionSlot } = props, restProps = __rest(props, ["children", "className", "leftActionSlot", "rightActionSlot"]);
+  const classes = classNames__default.default(className, "ui:max-w-[100vw] ui:content-center");
+  return jsxRuntime.jsxs(Stack, Object.assign({ as: "header", p: "xl", axis: "x", backgroundColor: "surface", className: classes, gap: "xxl", align: "center", justify: "center" }, restProps, { children: [(leftActionSlot || rightActionSlot) && jsxRuntime.jsx(Box, { className: "ui:w-[--spacing(9)] ui:h-[--spacing(9)]", children: leftActionSlot }), jsxRuntime.jsx(Stack, { axis: "x", justify: "center", width: "full", className: "ui:lg:max-w-[--spacing(310)]", children: jsxRuntime.jsx(Box, { width: "full", children }) }), (leftActionSlot || rightActionSlot) && jsxRuntime.jsx(Box, { className: "ui:w-[--spacing(9)] ui:h-[--spacing(9)]", children: rightActionSlot })] }));
 };
 Header.displayName = "PageWithCenteredContentLayout.Header";
 const Main = (props) => {
   const { children, className } = props, restProps = __rest(props, ["children", "className"]);
   const classes = classNames__default.default(className, "ui:max-w-[100vw] ui:content-center ui:z-10");
-  return jsxRuntime.jsx(Stack, Object.assign({ as: "main", width: "full", align: "center", p: "xl", className: classes }, restProps, { children: jsxRuntime.jsx(Box, { width: "full", className: "ui:lg:max-w-[--spacing(192)]", children }) }));
+  return jsxRuntime.jsx(Stack, Object.assign({ as: "main", width: "full", align: "center", p: "xl", className: classes }, restProps, { children: jsxRuntime.jsx(Box, { width: "full", className: "ui:lg:max-w-[--spacing(310)]", children }) }));
 };
 Main.displayName = "PageWithCenteredContentLayout.Main";
 const PageWithCenteredContentLayout = (props) => {
@@ -6254,6 +6265,7 @@ exports.AlertWidget = AlertWidget;
 exports.AlertsIcon = BellIcon;
 exports.AmberAlertColoredIcon = AmberAlertColoredIcon;
 exports.AmberAlertIcon = AmberAlertIcon;
+exports.ArrowBackward = ArrowBackward;
 exports.ArrowForward = ArrowForward;
 exports.AsideLayout = AsideLayout;
 exports.AssignIcon = AssignIcon;