@luscii-healthtech/web-ui 62.0.3 → 63.0.1

package/dist/index.development.js

@@ -2658,11 +2658,15 @@ function cn$1(...inputs) {
   return tailwindMerge.twMerge(classNames__default.default(inputs));
 }
 const FlyOutMenuRoot = (props) => jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Root, Object.assign({}, props));
-const FlyOutMenuTrigger = React__namespace.forwardRef((props, ref) => jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Trigger, Object.assign({ ref, asChild: true }, props)));
+const FlyOutMenuTrigger = (_a) => {
+  var { ref } = _a, props = __rest(_a, ["ref"]);
+  return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Trigger, Object.assign({ ref, asChild: true }, props));
+};
 const FlyOutMenuGroup = FlyOutMenuPrimitive__namespace.Group;
 const FlyOutMenuPortal = FlyOutMenuPrimitive__namespace.Portal;
-const FlyOutMenuContent = React__namespace.forwardRef((_a, ref) => {
+const FlyOutMenuContent = (_a) => {
   var {
+    ref,
     className,
     /**
      * "8px" is size "xxs" from the design system
@@ -2670,29 +2674,29 @@ const FlyOutMenuContent = React__namespace.forwardRef((_a, ref) => {
     sideOffset = 8,
     align = "end",
     container
-  } = _a, props = __rest(_a, ["className", "sideOffset", "align", "container"]);
+  } = _a, props = __rest(_a, ["ref", "className", "sideOffset", "align", "container"]);
   return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Portal, { container, children: jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Content, Object.assign({ onClick: (event) => {
     event.stopPropagation();
   }, ref, align, sideOffset, className: cn$1("ui:z-50 ui:min-w-[8rem] ui:max-w-[55ch] ui:overflow-hidden ui:border ui:border-color-border ui:bg-white ui:shadow-large ui:radius-m", "ui:data-[state=open]:animate-in ui:data-[state=closed]:animate-out ui:data-[state=closed]:fade-out-0 ui:data-[state=open]:fade-in-0 ui:data-[state=closed]:zoom-out-95 ui:data-[state=open]:zoom-in-95 ui:data-[side=bottom]:slide-in-from-top-2 ui:data-[side=left]:slide-in-from-right-2 ui:data-[side=right]:slide-in-from-left-2 ui:data-[side=top]:slide-in-from-bottom-2", "ui:max-h-[min(var(--radix-popper-available-height),var(--ui-flyout-menu-content-max-height))] ui:overflow-y-auto", className) }, props)) });
-});
+};
 FlyOutMenuContent.displayName = FlyOutMenuPrimitive__namespace.Content.displayName;
-const FlyOutMenuItem = React__namespace.forwardRef((_a, ref) => {
-  var { className, icon, children } = _a, props = __rest(_a, ["className", "icon", "children"]);
+const FlyOutMenuItem = (_a) => {
+  var { ref, className, icon, children } = _a, props = __rest(_a, ["ref", "className", "icon", "children"]);
   return jsxRuntime.jsxs(FlyOutMenuPrimitive__namespace.Item, Object.assign({ ref, className: cn$1("ui:gap-m", "ui:relative ui:flex ui:select-none ui:items-center ui:rounded-sm ui:text-sm ui:outline-none ui:transition-colors", "focus:text-accent-foreground ui:focus:bg-primary-background", className) }, props, { children: [icon, children] }));
-});
+};
 FlyOutMenuItem.displayName = FlyOutMenuPrimitive__namespace.Item.displayName;
-const FlyOutMenuLabel = React__namespace.forwardRef((_a, ref) => {
-  var { className } = _a, props = __rest(_a, ["className"]);
+const FlyOutMenuLabel = (_a) => {
+  var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
   return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Label, Object.assign({ ref, className: cn$1("ui:px-s ui:pb-xxs ui:pt-l", className) }, props, { children: jsxRuntime.jsx(Text, { variant: "strong", children: props.children }) }));
-});
+};
 FlyOutMenuLabel.displayName = FlyOutMenuPrimitive__namespace.Label.displayName;
-const FlyOutMenuSeparator = React__namespace.forwardRef((_a, ref) => {
-  var { className, color = "divider" } = _a, props = __rest(_a, ["className", "color"]);
+const FlyOutMenuSeparator = (_a) => {
+  var { ref, className, color = "divider" } = _a, props = __rest(_a, ["ref", "className", "color"]);
   return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Separator, Object.assign({ ref, className: cn$1("ui:h-px", {
     "ui:bg-color-divider": color === "divider",
     "ui:bg-neutral-border-high-contrast": color === "interactive"
   }, className) }, props));
-});
+};
 FlyOutMenuSeparator.displayName = FlyOutMenuPrimitive__namespace.Separator.displayName;
 const ItemButton = (props) => {
   const { children, leadingIcon, trailingIcon } = props, rest = __rest(props, ["children", "leadingIcon", "trailingIcon"]);
@@ -2708,16 +2712,16 @@ const FlyOutMenuChildrenItem = (props) => {
   const { children, icon } = props, rest = __rest(props, ["children", "icon"]);
   return jsxRuntime.jsxs("div", Object.assign({}, rest, { className: "ui:flex ui:w-full ui:gap-s ui:p-s", children: [React__namespace.isValidElement(icon) ? React__namespace.cloneElement(icon, { className: "ui:shrink-0" }) : null, jsxRuntime.jsx("div", { className: "ui:mt-[2px] ui:w-full", children })] }));
 };
-const FlyOutMenuSwitchItem = React__namespace.forwardRef((props, forwardedRef) => {
-  const { children, icon, onSelect, checkedIndicator } = props, rest = __rest(props, ["children", "icon", "onSelect", "checkedIndicator"]);
-  return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.CheckboxItem, Object.assign({ ref: forwardedRef, className: "ui:outline-none ui:focus:bg-primary-background", onSelect: (event) => {
+const FlyOutMenuSwitchItem = (props) => {
+  const { ref, children, icon, onSelect, checkedIndicator } = props, rest = __rest(props, ["ref", "children", "icon", "onSelect", "checkedIndicator"]);
+  return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.CheckboxItem, Object.assign({ ref, className: "ui:outline-none ui:focus:bg-primary-background", onSelect: (event) => {
     event.preventDefault();
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(event);
   } }, rest, { children: jsxRuntime.jsx("div", { className: "ui:flex ui:w-full", children: jsxRuntime.jsxs("label", { className: "ui:inline-flex ui:w-full ui:cursor-pointer ui:p-s", children: [React__namespace.isValidElement(icon) ? React__namespace.cloneElement(icon, { className: "ui:shrink-0" }) : null, jsxRuntime.jsxs("div", { className: "ui:inline-flex ui:w-full ui:flex-row-reverse ui:gap-m", children: [jsxRuntime.jsx("div", { className: "ui:peer ui:ml-auto", children: checkedIndicator !== null && checkedIndicator !== void 0 ? checkedIndicator : jsxRuntime.jsx("div", { className: classNames__default.default("ui:relative ui:h-6 ui:w-11 ui:rounded-full ui:transition-colors", "ui:after:absolute ui:after:start-[2px] ui:after:top-[2px] ui:after:h-5 ui:after:w-5 ui:after:rounded-full ui:after:border ui:after:border-slate-300 ui:after:bg-white ui:after:transition-all ui:after:content-['']", {
     "ui:bg-primary-light ui:after:translate-x-full ui:after:border-white": props.checked === true,
     "ui:bg-slate-300": !props.checked
   }) }) }), jsxRuntime.jsx(Text, { className: "ui:ml-3 ui:mt-[2px] ui:text-start", children })] })] }) }) }));
-});
+};
 const FlyOutMenu = {
   Root: FlyOutMenuRoot,
   Trigger: FlyOutMenuTrigger,
@@ -3037,10 +3041,10 @@ const IconWrapper = ({ children, isChevron = false }) => jsxRuntime.jsx("span",
 function cn(...inputs) {
   return tailwindMerge.twMerge(classNames__default.default(inputs));
 }
-const TabsRoot = React__namespace.forwardRef((props, ref) => jsxRuntime.jsx(TabsPrimitive__namespace.Root, Object.assign({ ref }, props)));
+const TabsRoot = (props) => jsxRuntime.jsx(TabsPrimitive__namespace.Root, Object.assign({}, props));
 TabsRoot.displayName = "Tabs.Root";
-const TabsList = React__namespace.forwardRef((_a, ref) => {
-  var { className } = _a, props = __rest(_a, ["className"]);
+const TabsList = (_a) => {
+  var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
   return jsxRuntime.jsx(TabsPrimitive__namespace.List, Object.assign({ ref, className: cn(
     // `items-stretch` lets the tallest trigger drive the row height
     // so every trigger — with or without an adornment (Badge,
@@ -3050,10 +3054,10 @@ const TabsList = React__namespace.forwardRef((_a, ref) => {
     "ui:inline-flex ui:items-stretch ui:justify-center ui:gap-(--ui-spacing-xl)",
     className
   ) }, props));
-});
+};
 TabsList.displayName = "Tabs.List";
-const TabsTrigger = React__namespace.forwardRef((_a, ref) => {
-  var { className } = _a, props = __rest(_a, ["className"]);
+const TabsTrigger = (_a) => {
+  var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
   return jsxRuntime.jsx(TabsPrimitive__namespace.Trigger, Object.assign({ ref, className: cn(
     // Use an inline-flex context so the label and any adornments
     // (Badge, LoadingIndicator, etc.) align by flex cross-axis
@@ -3072,12 +3076,12 @@ const TabsTrigger = React__namespace.forwardRef((_a, ref) => {
     "ui:py-(--ui-spacing-m)",
     className
   ) }, props));
-});
+};
 TabsTrigger.displayName = "Tabs.Trigger";
-const TabsContent = React__namespace.forwardRef((_a, ref) => {
-  var { className } = _a, props = __rest(_a, ["className"]);
+const TabsContent = (_a) => {
+  var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
   return jsxRuntime.jsx(TabsPrimitive__namespace.Content, Object.assign({ ref, className: cn(className) }, props));
-});
+};
 TabsContent.displayName = "Tabs.Content";
 const TabsPadding = (props) => {
   return jsxRuntime.jsx(Box, Object.assign({ _py: "xl" }, props));
@@ -3094,24 +3098,24 @@ const Tabs = {
   LabelText: TabLabelText
 };
 
-const PrimaryTabBarRoot = React.forwardRef((_a, ref) => {
-  var { className } = _a, props = __rest(_a, ["className"]);
+const PrimaryTabBarRoot = (_a) => {
+  var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
   return jsxRuntime.jsx(TabsPrimitive__namespace.Root, Object.assign({ ref, className: classNames__default.default("ui:pt-f_l", className) }, props));
-});
+};
 PrimaryTabBarRoot.displayName = "PrimaryTabBar.Root";
 
-const PrimaryTabBarExtras = React.forwardRef((_a, ref) => {
-  var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+const PrimaryTabBarExtras = (_a) => {
+  var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
   return jsxRuntime.jsx("div", Object.assign({ ref, className: classNames__default.default("ui:flex ui:items-center ui:self-center ui:gap-f_base ui:mx-f_l", className) }, props, { children }));
-});
+};
 PrimaryTabBarExtras.displayName = "PrimaryTabBar.Extras";
 
-const PrimaryTabBarList = React.forwardRef((_a, ref) => {
-  var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+const PrimaryTabBarList = (_a) => {
+  var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
   const items = React.Children.toArray(children);
   const isExtras = (child) => React.isValidElement(child) && child.type === PrimaryTabBarExtras;
   return jsxRuntime.jsxs("div", { className: classNames__default.default("ui:flex ui:items-end ui:px-f_l", "ui:border-b ui:border-border-neutral-secondary-default", className), children: [jsxRuntime.jsx(TabsPrimitive__namespace.List, Object.assign({ ref, className: "ui:flex ui:items-end", loop: true }, props, { children: items.filter((child) => !isExtras(child)) })), items.filter(isExtras)] });
-});
+};
 PrimaryTabBarList.displayName = "PrimaryTabBar.List";
 
 function splitChildren(children) {
@@ -3126,8 +3130,8 @@ function splitChildren(children) {
   });
   return { text, elements };
 }
-const PrimaryTabBarTrigger = React.forwardRef((_a, ref) => {
-  var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+const PrimaryTabBarTrigger = (_a) => {
+  var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
   const { text, elements } = splitChildren(children);
   return jsxRuntime.jsxs(TabsPrimitive__namespace.Trigger, Object.assign({ ref, className: classNames__default.default(
     // Layout
@@ -3165,19 +3169,19 @@ const PrimaryTabBarTrigger = React.forwardRef((_a, ref) => {
     "ui:after:shadow-[-3px_3px_0_2px_var(--ui-color-background-neutral-secondary-default)]",
     className
   ) }, props, { children: [text.length > 0 && jsxRuntime.jsx("span", { className: "ui:truncate", children: text }), elements] }));
-});
+};
 PrimaryTabBarTrigger.displayName = "PrimaryTabBar.Trigger";
 
-const PrimaryTabBarContent = React.forwardRef((_a, ref) => {
-  var { className } = _a, props = __rest(_a, ["className"]);
+const PrimaryTabBarContent = (_a) => {
+  var { ref, className } = _a, props = __rest(_a, ["ref", "className"]);
   return jsxRuntime.jsx(TabsPrimitive__namespace.Content, Object.assign({ ref, className: classNames__default.default("ui:relative ui:z-[1]", className), tabIndex: -1 }, props));
-});
+};
 PrimaryTabBarContent.displayName = "PrimaryTabBar.Content";
 
-const PrimaryTabBarOverflowIndicator = React.forwardRef((_a, ref) => {
-  var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+const PrimaryTabBarOverflowIndicator = (_a) => {
+  var { ref, className, children } = _a, props = __rest(_a, ["ref", "className", "children"]);
   return jsxRuntime.jsx("span", Object.assign({ ref, className: classNames__default.default("ui-typo-body-small-regular", "ui:text-text-neutral-secondary-disabled", "ui:self-center ui:whitespace-nowrap", className) }, props, { children }));
-});
+};
 PrimaryTabBarOverflowIndicator.displayName = "PrimaryTabBar.OverflowIndicator";
 
 const PrimaryTabBar = {
@@ -3728,7 +3732,6 @@ function DataGrid(_a) {
     }
   ), showFooter ? jsxRuntime.jsx(TableFooter, { colSpan, paginationMenuProps }) : null] }));
 }
-const Table = DataGrid;
 
 const isPlainText = (node) => {
   return typeof node === "string" || typeof node === "number";
@@ -3785,7 +3788,7 @@ const TableRoot = React__namespace.default.forwardRef((_a, ref) => {
     return child;
   })] }));
 });
-TableRoot.displayName = "TableNew";
+TableRoot.displayName = "Table";
 const Thead = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children, stickyHeader } = _a, attrs = __rest(_a, ["className", "children", "stickyHeader"]);
   return jsxRuntime.jsx("thead", Object.assign({ ref, className: classNames__default.default(
@@ -3804,7 +3807,7 @@ const Thead = React__namespace.default.forwardRef((_a, ref) => {
     className
   ) }, attrs, { children }));
 });
-Thead.displayName = "TableNew.Thead";
+Thead.displayName = "Table.Thead";
 const Tbody = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children, hasTFoot } = _a, attrs = __rest(_a, ["className", "children", "hasTFoot"]);
   return jsxRuntime.jsx("tbody", Object.assign({ ref, className: classNames__default.default(
@@ -3820,17 +3823,17 @@ const Tbody = React__namespace.default.forwardRef((_a, ref) => {
     className
   ) }, attrs, { children }));
 });
-Tbody.displayName = "TableNew.Tbody";
+Tbody.displayName = "Table.Tbody";
 const TFoot = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children } = _a, attrs = __rest(_a, ["className", "children"]);
   return jsxRuntime.jsx("tfoot", Object.assign({ ref, className: classNames__default.default(className) }, attrs, { children }));
 });
-TFoot.displayName = "TableNew.TFoot";
+TFoot.displayName = "Table.TFoot";
 const Tr = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children } = _a, attrs = __rest(_a, ["className", "children"]);
   return jsxRuntime.jsx(Box, Object.assign({ as: "tr", ref, className: classNames__default.default(className) }, attrs, { children }));
 });
-Tr.displayName = "TableNew.Tr";
+Tr.displayName = "Table.Tr";
 const getCellClasses = (options) => {
   return classNames__default.default("ui:first:pl-l ui:last:pr-l ui:text-left", {
     "ui:px-xxs ui:py-m": !options.omitPadding
@@ -3841,14 +3844,14 @@ const Th = React__namespace.default.forwardRef((_a, ref) => {
   const content = isPlainText(children) ? jsxRuntime.jsx(Text, { as: "span", variant: "strong", children }) : children;
   return jsxRuntime.jsx("th", Object.assign({ ref, className: getCellClasses({ omitPadding, className }) }, attrs, { children: content }));
 });
-Th.displayName = "TableNew.Th";
+Th.displayName = "Table.Th";
 const Td = React__namespace.default.forwardRef((_a, ref) => {
   var { className, children, omitPadding = false } = _a, attrs = __rest(_a, ["className", "children", "omitPadding"]);
   const content = isPlainText(children) ? jsxRuntime.jsx(Text, { as: "span", children }) : children;
   return jsxRuntime.jsx("td", Object.assign({ ref, className: getCellClasses({ omitPadding, className }) }, attrs, { children: content }));
 });
-Td.displayName = "TableNew.Td";
-const TableNew = Object.assign(TableRoot, {
+Td.displayName = "Table.Td";
+const Table = Object.assign(TableRoot, {
   Thead,
   Tbody,
   TFoot,
@@ -3856,6 +3859,7 @@ const TableNew = Object.assign(TableRoot, {
   Th,
   Td
 });
+const TableNew = Table;
 
 var CheckboxState;
 (function(CheckboxState2) {