@luscii-healthtech/web-ui 45.2.2 → 45.3.0

package/dist/index.development.js

@@ -26,6 +26,7 @@ require('react-datepicker/dist/react-datepicker.min.css');
 var PropTypes = require('prop-types');
 var FlyOutMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var RadixHC = require('@radix-ui/react-hover-card');
+var TabsPrimitive = require('@radix-ui/react-tabs');
 var groupBy = require('lodash/groupBy');
 var ReactSelect = require('react-select');
 var RadixSwitch = require('@radix-ui/react-switch');
@@ -71,6 +72,7 @@ var ReactDatePicker__default = /*#__PURE__*/_interopDefault(ReactDatePicker);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var FlyOutMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(FlyOutMenuPrimitive);
 var RadixHC__namespace = /*#__PURE__*/_interopNamespace(RadixHC);
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var groupBy__default = /*#__PURE__*/_interopDefault(groupBy);
 var ReactSelect__default = /*#__PURE__*/_interopDefault(ReactSelect);
 var RadixSwitch__namespace = /*#__PURE__*/_interopNamespace(RadixSwitch);
@@ -3128,7 +3130,7 @@ const InfoField = (props) => {
   return jsxRuntime.jsxs(Stack, { axis: "x", align: "center", gap: "s", className: props.className, children: [props.icon, jsxRuntime.jsxs(Stack, Object.assign({}, boxProps, { className: "ui:overflow-hidden", children: [jsxRuntime.jsx(Text, { type: "sm", color: "slate-500", className: classNames__default.default({ "ui:break-words": props.supportsMultiline }, { "ui:whitespace-nowrap": !props.supportsMultiline }), children: props.label }), jsxRuntime.jsx(Text, { className: classNames__default.default({ "ui:break-words": props.supportsMultiline }, { "ui:whitespace-nowrap": !props.supportsMultiline }), truncate: !props.supportsMultiline, children: props.value })] }))] });
 };
 
-function cn(...inputs) {
+function cn$1(...inputs) {
   return tailwindMerge.twMerge(classNames__default.default(inputs));
 }
 const FlyOutMenuRoot = (props) => jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Root, Object.assign({}, props));
@@ -3147,22 +3149,22 @@ const FlyOutMenuContent = React__namespace.forwardRef((_a, ref) => {
   } = _a, props = __rest(_a, ["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("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)) });
+  }, 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"]);
-  return jsxRuntime.jsxs(FlyOutMenuPrimitive__namespace.Item, Object.assign({ ref, className: cn("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] }));
+  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"]);
-  return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Label, Object.assign({ ref, className: cn("ui:px-s ui:pb-xxs ui:pt-l", className) }, props, { children: jsxRuntime.jsx(Text, { variant: "strong", children: props.children }) }));
+  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"]);
-  return jsxRuntime.jsx(FlyOutMenuPrimitive__namespace.Separator, Object.assign({ ref, className: cn("ui:h-px", {
+  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));
@@ -3340,6 +3342,41 @@ const HoverCard = {
   Trigger: RadixHC__namespace.Trigger
 };
 
+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)));
+TabsRoot.displayName = "Tabs.Root";
+const TabsList = React__namespace.forwardRef((_a, ref) => {
+  var { className } = _a, props = __rest(_a, ["className"]);
+  return jsxRuntime.jsx(TabsPrimitive__namespace.List, Object.assign({ ref, className: cn("ui:inline-flex ui:items-center 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"]);
+  return jsxRuntime.jsx(TabsPrimitive__namespace.Trigger, Object.assign({ ref, className: cn("ui:transition-all", "ui:hover:text-primary", "ui:disabled:pointer-events-none ui:disabled:opacity-50", "ui:border-b-2 ui:border-transparent", "ui:data-[state=active]:text-primary ui:data-[state=active]:border-primary", "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"]);
+  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: "l" }, props));
+};
+const TabLabelText = (props) => {
+  return jsxRuntime.jsx(Text, Object.assign({ variant: "strong", color: "current", as: "span" }, props));
+};
+const Tabs = {
+  Root: TabsRoot,
+  List: TabsList,
+  Trigger: TabsTrigger,
+  Content: TabsContent,
+  Padding: TabsPadding,
+  LabelText: TabLabelText
+};
+
 const Line = ({ left, right, className }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
@@ -6804,6 +6841,7 @@ exports.TOASTER_TYPE_OPTIONS = TOASTER_TYPE_OPTIONS;
 exports.Tabbar = Tabbar;
 exports.Table = Table;
 exports.TableNew = TableNew;
+exports.Tabs = Tabs;
 exports.TadaIcon = TadaIcon;
 exports.Tag = Tag;
 exports.TagGroup = TagGroup;