@luscii-healthtech/web-ui 58.9.0 → 58.9.1

package/dist/esm/components/ActionCardDetailed/ActionCardDetailed.js

@@ -1,9 +1,10 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { ActionIcon } from '../ActionCard/ActionIcon.js';
 import { Box } from '../Box/Box.js';
 import { TertiaryIconButton } from '../ButtonV2/TertiaryIconButton.js';
 import { Card } from '../Card/Card.js';
+import { Divider } from '../Divider/Divider.js';
 import { Heading } from '../Heading/Heading.js';
 import '../../vendor/tslib/tslib.es6.js';
 import { Text } from '../Text/Text.js';
@@ -15,9 +16,9 @@ import { Stack } from '../Stack/Stack.js';
 import { Tag } from '../Tag/Tag.js';
 
 const ScheduleItem = ({ icon, label, value, detail }) => jsxs(Stack, { axis: "x", align: "start", _gap: "base", children: [jsx(Box, { "aria-hidden": true, _p: "s", className: "ui:size-[var(--ui-semantic-size-xl)] ui:shrink-0 ui:[border-radius:var(--ui-semantic-radius-s)]", children: icon }), jsxs(Stack, { _gap: "none", className: "ui:min-w-0", children: [jsxs(Stack, { axis: "x", align: "baseline", _gap: "s", wrap: true, children: [jsx(Text, { variant: "body-base-light", color: "neutral-secondary", children: label }), jsx(Text, { variant: "body-base-regular", color: "neutral-secondary", children: value })] }), detail && jsx(Text, { variant: "body-small-regular", color: "neutral-secondary", children: detail })] })] });
-const ActionCardDetailed = ({ type, iconUrl, title, category, metadata, schedule, scheduleHeading = "Schedule settings", instruments, instrumentsHeading = "Instruments in this action", onEdit, onDelete, onClose, className }) => {
+const ActionCardDetailed = ({ type, iconUrl, title, category, metadata, schedule, scheduleHeading = "Schedule settings", instruments, instrumentsHeading = "Instruments in this action", children, editLabel = "Edit action", deleteLabel = "Delete action", closeLabel = "Close action details", onEdit, onDelete, onClose, className }) => {
   const hasActions = onEdit || onDelete || onClose;
-  return jsx(Card, { border: true, borderRadius: "m", elevation: "medium", className: classNames("ui:w-full ui:max-w-[600px]", className), children: jsxs(Stack, { _gap: "xl", width: "full", children: [jsxs(Stack, { axis: "x", align: "start", justify: "between", _gap: "base", width: "full", children: [jsxs(Stack, { axis: "x", align: "start", _gap: "base", className: "ui:min-w-0", children: [jsx(ActionIcon, { type, iconUrl, size: 24 }), jsxs(Stack, { _gap: "none", className: "ui:min-w-0", children: [jsx(Heading, { variant: "h3", children: title }), category && jsx(Text, { variant: "body-base-regular", color: "neutral-secondary", children: category })] })] }), hasActions && jsxs(Stack, { axis: "x", align: "center", _gap: "base", className: "ui:shrink-0", children: [onEdit && jsx(TertiaryIconButton, { label: "Edit action", onClick: onEdit, children: jsx(PencilIcon, { "aria-hidden": true }) }), onDelete && jsx(TertiaryIconButton, { label: "Delete action", onClick: onDelete, children: jsx(TrashBinIcon, { "aria-hidden": true }) }), onClose && jsx(TertiaryIconButton, { label: "Close action details", onClick: onClose, children: jsx(CrossIcon, { "aria-hidden": true }) })] })] }), metadata && metadata.length > 0 && jsx(Stack, { axis: "x", _gap: "base", wrap: true, children: metadata.map((item, index) => jsx(
+  return jsx(Card, { border: true, borderRadius: "m", elevation: "medium", className: classNames("ui:w-full ui:max-w-[600px]", className), children: jsxs(Stack, { _gap: "xl", width: "full", children: [jsxs(Stack, { axis: "x", align: "start", justify: "between", _gap: "base", width: "full", children: [jsxs(Stack, { axis: "x", align: "start", _gap: "base", className: "ui:min-w-0", children: [jsx(ActionIcon, { type, iconUrl, size: 24 }), jsxs(Stack, { _gap: "none", className: "ui:min-w-0", children: [jsx(Heading, { variant: "h3", children: title }), category && jsx(Text, { variant: "body-base-regular", color: "neutral-secondary", children: category })] })] }), hasActions && jsxs(Stack, { axis: "x", align: "center", _gap: "base", className: "ui:shrink-0", children: [onEdit && jsx(TertiaryIconButton, { label: editLabel, onClick: onEdit, children: jsx(PencilIcon, { "aria-hidden": true }) }), onDelete && jsx(TertiaryIconButton, { label: deleteLabel, onClick: onDelete, children: jsx(TrashBinIcon, { "aria-hidden": true }) }), onClose && jsx(TertiaryIconButton, { label: closeLabel, onClick: onClose, children: jsx(CrossIcon, { "aria-hidden": true }) })] })] }), metadata && metadata.length > 0 && jsx(Stack, { axis: "x", _gap: "base", wrap: true, children: metadata.map((item, index) => jsx(
     Tag,
     { _size: "large", _type: "neutral", _variant: "flat", children: item },
     `${index}-${item}`
@@ -29,7 +30,7 @@ const ActionCardDetailed = ({ type, iconUrl, title, category, metadata, schedule
     InstrumentCard,
     Object.assign({}, instrument, { variant: "detailed" }),
     index
-  )) })] })] }) });
+  )) })] }), children ? jsxs(Fragment, { children: [jsx(Divider, { version: "v2", className: "ui:w-full" }), jsx(Stack, { _gap: "base", width: "full", children })] }) : null] }) });
 };
 
 export { ActionCardDetailed };

package/dist/esm/components/ActionCardDetailed/ActionCardDetailed.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionCardDetailed.js","sources":["../../../../../../src/components/ActionCardDetailed/ActionCardDetailed.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ActionCardDetailed.js","sources":["../../../../../../src/components/ActionCardDetailed/ActionCardDetailed.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/components/InstrumentCard/InstrumentCard.js

@@ -25,7 +25,7 @@ const typeIcons = {
   scripted: SigmaSquareIcon,
   sum: SigmaSquareIcon
 };
-const InstrumentCard = ({ type, title, category, meta, id, count, variant = "compact", state = "default", errorMessage, className }) => {
+const InstrumentCard = ({ type, title, category, meta, id, count, variant = "compact", state = "default", errorMessage, onClick, className }) => {
   const isDetailed = variant === "detailed";
   const isError = state === "error";
   const TypeIcon = isError ? ExclamationMarkIcon : typeIcons[type];
@@ -36,10 +36,12 @@ const InstrumentCard = ({ type, title, category, meta, id, count, variant = "com
       "ui:text-icon-brand-primary-default": !isError
     }) }), jsx(Text, { variant: "body-small-regular", color: textColor, children: isError ? errorMessage : title })] });
   }
-  return jsxs(Stack, { axis: "x", align: "start", justify: "between", width: "full", _py: "m", _pl: "m", _pr: "base", className: classNames("ui:bg-background-neutral-primary-default ui:[border-radius:var(--ui-semantic-radius-m)]", className), children: [jsxs(Stack, { axis: "x", _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [jsx(Box, { _py: "xs", className: "ui:shrink-0", children: jsx(TypeIcon, { "aria-hidden": true, width: 16, height: 16, className: classNames({
+  return jsxs(Stack, { axis: "x", align: "start", justify: "between", width: "full", _py: "m", _pl: "m", _pr: "base", className: classNames("ui:relative ui:bg-background-neutral-primary-default ui:[border-radius:var(--ui-semantic-radius-m)]", {
+    "ui:hover:bg-background-neutral-primary-hovered": Boolean(onClick)
+  }, className), children: [jsxs(Stack, { axis: "x", _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [jsx(Box, { _py: "xs", className: "ui:shrink-0", children: jsx(TypeIcon, { "aria-hidden": true, width: 16, height: 16, className: classNames({
     "ui:text-icon-error-primary-default": isError,
     "ui:text-icon-brand-primary-default": !isError
-  }) }) }), jsxs(Stack, { _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:min-w-0", children: title }), isError && jsx(Text, { variant: "body-small-regular", color: "error", children: errorMessage }), !isError && (category || meta) && jsxs(Stack, { axis: "x", align: "center", children: [category && jsx(Text, { variant: "body-small-regular", color: "neutral", children: category }), category && meta && jsx(Box, { _mx: "base", className: "ui:h-[12px] ui:w-px ui:shrink-0 ui:bg-border-neutral-primary-default" }), meta && jsx(Text, { variant: "body-small-regular", color: "neutral", children: meta })] }), id && jsx(Tag, { _size: "small", _variant: "bordered", _leadingIcon: jsx(CopyToClipboardIcon, { "aria-hidden": true }), children: id })] })] }), count !== void 0 && jsx(Tag, { _size: "small", _variant: "flat", _leadingIcon: jsx(CopyToClipboardIcon, { "aria-hidden": true }), className: "ui:shrink-0", children: jsx(Text, { variant: "body-small-bold", as: "span", children: count }) })] });
+  }) }) }), jsxs(Stack, { _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [onClick ? jsx("button", { type: "button", onClick, className: "ui:min-w-0 ui:max-w-full ui:cursor-pointer ui:text-left ui:after:absolute ui:after:inset-0 ui:after:content-[''] ui:focus:outline-primary", children: jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:block ui:min-w-0", children: title }) }) : jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:min-w-0", children: title }), isError && jsx(Text, { variant: "body-small-regular", color: "error", children: errorMessage }), !isError && (category || meta) && jsxs(Stack, { axis: "x", align: "center", children: [category && jsx(Text, { variant: "body-small-regular", color: "neutral", children: category }), category && meta && jsx(Box, { _mx: "base", className: "ui:h-[12px] ui:w-px ui:shrink-0 ui:bg-border-neutral-primary-default" }), meta && jsx(Text, { variant: "body-small-regular", color: "neutral", children: meta })] }), id && jsx(Tag, { _size: "small", _variant: "bordered", _leadingIcon: jsx(CopyToClipboardIcon, { "aria-hidden": true }), children: id })] })] }), count !== void 0 && jsx(Tag, { _size: "small", _variant: "flat", _leadingIcon: jsx(CopyToClipboardIcon, { "aria-hidden": true }), className: "ui:shrink-0", children: jsx(Text, { variant: "body-small-bold", as: "span", children: count }) })] });
 };
 
 export { InstrumentCard };

package/dist/esm/components/InstrumentCard/InstrumentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"InstrumentCard.js","sources":["../../../../../../src/components/InstrumentCard/InstrumentCard.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"InstrumentCard.js","sources":["../../../../../../src/components/InstrumentCard/InstrumentCard.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/index.development.js

@@ -5089,7 +5089,7 @@ const typeIcons$1 = {
   scripted: SigmaSquareIcon,
   sum: SigmaSquareIcon
 };
-const InstrumentCard = ({ type, title, category, meta, id, count, variant = "compact", state = "default", errorMessage, className }) => {
+const InstrumentCard = ({ type, title, category, meta, id, count, variant = "compact", state = "default", errorMessage, onClick, className }) => {
   const isDetailed = variant === "detailed";
   const isError = state === "error";
   const TypeIcon = isError ? ExclamationMarkIcon : typeIcons$1[type];
@@ -5100,10 +5100,12 @@ const InstrumentCard = ({ type, title, category, meta, id, count, variant = "com
       "ui:text-icon-brand-primary-default": !isError
     }) }), jsxRuntime.jsx(Text, { variant: "body-small-regular", color: textColor, children: isError ? errorMessage : title })] });
   }
-  return jsxRuntime.jsxs(Stack, { axis: "x", align: "start", justify: "between", width: "full", _py: "m", _pl: "m", _pr: "base", className: classNames__default.default("ui:bg-background-neutral-primary-default ui:[border-radius:var(--ui-semantic-radius-m)]", className), children: [jsxRuntime.jsxs(Stack, { axis: "x", _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [jsxRuntime.jsx(Box, { _py: "xs", className: "ui:shrink-0", children: jsxRuntime.jsx(TypeIcon, { "aria-hidden": true, width: 16, height: 16, className: classNames__default.default({
+  return jsxRuntime.jsxs(Stack, { axis: "x", align: "start", justify: "between", width: "full", _py: "m", _pl: "m", _pr: "base", className: classNames__default.default("ui:relative ui:bg-background-neutral-primary-default ui:[border-radius:var(--ui-semantic-radius-m)]", {
+    "ui:hover:bg-background-neutral-primary-hovered": Boolean(onClick)
+  }, className), children: [jsxRuntime.jsxs(Stack, { axis: "x", _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [jsxRuntime.jsx(Box, { _py: "xs", className: "ui:shrink-0", children: jsxRuntime.jsx(TypeIcon, { "aria-hidden": true, width: 16, height: 16, className: classNames__default.default({
     "ui:text-icon-error-primary-default": isError,
     "ui:text-icon-brand-primary-default": !isError
-  }) }) }), jsxRuntime.jsxs(Stack, { _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [jsxRuntime.jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:min-w-0", children: title }), isError && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "error", children: errorMessage }), !isError && (category || meta) && jsxRuntime.jsxs(Stack, { axis: "x", align: "center", children: [category && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "neutral", children: category }), category && meta && jsxRuntime.jsx(Box, { _mx: "base", className: "ui:h-[12px] ui:w-px ui:shrink-0 ui:bg-border-neutral-primary-default" }), meta && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "neutral", children: meta })] }), id && jsxRuntime.jsx(Tag, { _size: "small", _variant: "bordered", _leadingIcon: jsxRuntime.jsx(CopyToClipboardIcon, { "aria-hidden": true }), children: id })] })] }), count !== void 0 && jsxRuntime.jsx(Tag, { _size: "small", _variant: "flat", _leadingIcon: jsxRuntime.jsx(CopyToClipboardIcon, { "aria-hidden": true }), className: "ui:shrink-0", children: jsxRuntime.jsx(Text, { variant: "body-small-bold", as: "span", children: count }) })] });
+  }) }) }), jsxRuntime.jsxs(Stack, { _gap: "base", className: "ui:min-w-0 ui:flex-1", children: [onClick ? jsxRuntime.jsx("button", { type: "button", onClick, className: "ui:min-w-0 ui:max-w-full ui:cursor-pointer ui:text-left ui:after:absolute ui:after:inset-0 ui:after:content-[''] ui:focus:outline-primary", children: jsxRuntime.jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:block ui:min-w-0", children: title }) }) : jsxRuntime.jsx(Text, { variant: "body-medium-regular", color: textColor, truncate: true, className: "ui:min-w-0", children: title }), isError && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "error", children: errorMessage }), !isError && (category || meta) && jsxRuntime.jsxs(Stack, { axis: "x", align: "center", children: [category && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "neutral", children: category }), category && meta && jsxRuntime.jsx(Box, { _mx: "base", className: "ui:h-[12px] ui:w-px ui:shrink-0 ui:bg-border-neutral-primary-default" }), meta && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "neutral", children: meta })] }), id && jsxRuntime.jsx(Tag, { _size: "small", _variant: "bordered", _leadingIcon: jsxRuntime.jsx(CopyToClipboardIcon, { "aria-hidden": true }), children: id })] })] }), count !== void 0 && jsxRuntime.jsx(Tag, { _size: "small", _variant: "flat", _leadingIcon: jsxRuntime.jsx(CopyToClipboardIcon, { "aria-hidden": true }), className: "ui:shrink-0", children: jsxRuntime.jsx(Text, { variant: "body-small-bold", as: "span", children: count }) })] });
 };
 
 const variantClasses = {
@@ -5164,9 +5166,9 @@ const ActionCard = ({ type, iconUrl, title, metadata, instruments, actions, drag
 };
 
 const ScheduleItem = ({ icon, label, value, detail }) => jsxRuntime.jsxs(Stack, { axis: "x", align: "start", _gap: "base", children: [jsxRuntime.jsx(Box, { "aria-hidden": true, _p: "s", className: "ui:size-[var(--ui-semantic-size-xl)] ui:shrink-0 ui:[border-radius:var(--ui-semantic-radius-s)]", children: icon }), jsxRuntime.jsxs(Stack, { _gap: "none", className: "ui:min-w-0", children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "baseline", _gap: "s", wrap: true, children: [jsxRuntime.jsx(Text, { variant: "body-base-light", color: "neutral-secondary", children: label }), jsxRuntime.jsx(Text, { variant: "body-base-regular", color: "neutral-secondary", children: value })] }), detail && jsxRuntime.jsx(Text, { variant: "body-small-regular", color: "neutral-secondary", children: detail })] })] });
-const ActionCardDetailed = ({ type, iconUrl, title, category, metadata, schedule, scheduleHeading = "Schedule settings", instruments, instrumentsHeading = "Instruments in this action", onEdit, onDelete, onClose, className }) => {
+const ActionCardDetailed = ({ type, iconUrl, title, category, metadata, schedule, scheduleHeading = "Schedule settings", instruments, instrumentsHeading = "Instruments in this action", children, editLabel = "Edit action", deleteLabel = "Delete action", closeLabel = "Close action details", onEdit, onDelete, onClose, className }) => {
   const hasActions = onEdit || onDelete || onClose;
-  return jsxRuntime.jsx(Card, { border: true, borderRadius: "m", elevation: "medium", className: classNames__default.default("ui:w-full ui:max-w-[600px]", className), children: jsxRuntime.jsxs(Stack, { _gap: "xl", width: "full", children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "start", justify: "between", _gap: "base", width: "full", children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "start", _gap: "base", className: "ui:min-w-0", children: [jsxRuntime.jsx(ActionIcon, { type, iconUrl, size: 24 }), jsxRuntime.jsxs(Stack, { _gap: "none", className: "ui:min-w-0", children: [jsxRuntime.jsx(Heading, { variant: "h3", children: title }), category && jsxRuntime.jsx(Text, { variant: "body-base-regular", color: "neutral-secondary", children: category })] })] }), hasActions && jsxRuntime.jsxs(Stack, { axis: "x", align: "center", _gap: "base", className: "ui:shrink-0", children: [onEdit && jsxRuntime.jsx(TertiaryIconButton, { label: "Edit action", onClick: onEdit, children: jsxRuntime.jsx(PencilIcon, { "aria-hidden": true }) }), onDelete && jsxRuntime.jsx(TertiaryIconButton, { label: "Delete action", onClick: onDelete, children: jsxRuntime.jsx(TrashBinIcon, { "aria-hidden": true }) }), onClose && jsxRuntime.jsx(TertiaryIconButton, { label: "Close action details", onClick: onClose, children: jsxRuntime.jsx(CrossIcon, { "aria-hidden": true }) })] })] }), metadata && metadata.length > 0 && jsxRuntime.jsx(Stack, { axis: "x", _gap: "base", wrap: true, children: metadata.map((item, index) => jsxRuntime.jsx(
+  return jsxRuntime.jsx(Card, { border: true, borderRadius: "m", elevation: "medium", className: classNames__default.default("ui:w-full ui:max-w-[600px]", className), children: jsxRuntime.jsxs(Stack, { _gap: "xl", width: "full", children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "start", justify: "between", _gap: "base", width: "full", children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "start", _gap: "base", className: "ui:min-w-0", children: [jsxRuntime.jsx(ActionIcon, { type, iconUrl, size: 24 }), jsxRuntime.jsxs(Stack, { _gap: "none", className: "ui:min-w-0", children: [jsxRuntime.jsx(Heading, { variant: "h3", children: title }), category && jsxRuntime.jsx(Text, { variant: "body-base-regular", color: "neutral-secondary", children: category })] })] }), hasActions && jsxRuntime.jsxs(Stack, { axis: "x", align: "center", _gap: "base", className: "ui:shrink-0", children: [onEdit && jsxRuntime.jsx(TertiaryIconButton, { label: editLabel, onClick: onEdit, children: jsxRuntime.jsx(PencilIcon, { "aria-hidden": true }) }), onDelete && jsxRuntime.jsx(TertiaryIconButton, { label: deleteLabel, onClick: onDelete, children: jsxRuntime.jsx(TrashBinIcon, { "aria-hidden": true }) }), onClose && jsxRuntime.jsx(TertiaryIconButton, { label: closeLabel, onClick: onClose, children: jsxRuntime.jsx(CrossIcon, { "aria-hidden": true }) })] })] }), metadata && metadata.length > 0 && jsxRuntime.jsx(Stack, { axis: "x", _gap: "base", wrap: true, children: metadata.map((item, index) => jsxRuntime.jsx(
     Tag,
     { _size: "large", _type: "neutral", _variant: "flat", children: item },
     `${index}-${item}`
@@ -5178,7 +5180,7 @@ const ActionCardDetailed = ({ type, iconUrl, title, category, metadata, schedule
     InstrumentCard,
     Object.assign({}, instrument, { variant: "detailed" }),
     index
-  )) })] })] }) });
+  )) })] }), children ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Divider, { version: "v2", className: "ui:w-full" }), jsxRuntime.jsx(Stack, { _gap: "base", width: "full", children })] }) : null] }) });
 };
 
 var css_248z$1 = "/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */\n.cweb-textarea {\n  resize: none;\n  background-color: field;\n}\n.cweb-textarea.has-icon {\n  background-size: 24px;\n  background-position: 10px 10px;\n  background-repeat: no-repeat;\n  padding-left: 44px;\n}\n.cweb-textarea.resizable {\n  resize: both;\n}\n.cweb-textarea.resizable-x {\n  resize: horizontal;\n}\n.cweb-textarea.resizable-y {\n  resize: vertical;\n}\n.cweb-textarea:focus {\n  border-color: var(--color-primary);\n}\n.cweb-textarea:disabled {\n  cursor: not-allowed;\n}\n.cweb-textarea.has-error {\n  border: 1px solid #b91c1c;\n  color: #991b1b;\n}";