@luscii-healthtech/web-ui 58.3.0 → 58.4.0

package/dist/src/components/ActionCard/ActionCard.d.ts

@@ -0,0 +1,34 @@
+import type { ElementType, FC, ReactNode } from "react";
+import { type Props as InstrumentCardProps } from "../InstrumentCard/InstrumentCard";
+export type ActionType = "information" | "contact" | "lesson" | "calculation" | "measurement";
+/**
+ * `Omit` distributes over the union so `InstrumentCard`'s discriminated
+ * `state`/`errorMessage` pairing survives; a plain `Omit` would collapse it.
+ */
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+export type ActionCardMetadata = {
+    label: string;
+    /** Bordered instead of flat — used for schedule information. */
+    bordered?: boolean;
+};
+export type Props = {
+    type: ActionType;
+    title: string;
+    metadata?: ActionCardMetadata[];
+    /** Always rendered in the compact variant, so `variant` is not accepted. */
+    instruments?: DistributiveOmit<InstrumentCardProps, "variant">[];
+    actions?: ReactNode;
+    draggable?: boolean;
+    /**
+     * Element for the title. `variant` controls the visual size; this controls
+     * the document outline, which only the consuming page knows.
+     * @default "h3"
+     */
+    titleAs?: ElementType;
+    /** "list" drops the shadow so the card sits flush inside a list container. */
+    variant?: "default" | "compact" | "list";
+    onClick?: () => void;
+    className?: string;
+};
+export declare const ActionCard: FC<Props>;
+export {};

package/dist/src/generated/components/ActionCard/ActionCard.d.ts

@@ -0,0 +1,34 @@
+import type { ElementType, FC, ReactNode } from "react";
+import { type Props as InstrumentCardProps } from "../InstrumentCard/InstrumentCard";
+export type ActionType = "information" | "contact" | "lesson" | "calculation" | "measurement";
+/**
+ * `Omit` distributes over the union so `InstrumentCard`'s discriminated
+ * `state`/`errorMessage` pairing survives; a plain `Omit` would collapse it.
+ */
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+export type ActionCardMetadata = {
+    label: string;
+    /** Bordered instead of flat — used for schedule information. */
+    bordered?: boolean;
+};
+export type Props = {
+    type: ActionType;
+    title: string;
+    metadata?: ActionCardMetadata[];
+    /** Always rendered in the compact variant, so `variant` is not accepted. */
+    instruments?: DistributiveOmit<InstrumentCardProps, "variant">[];
+    actions?: ReactNode;
+    draggable?: boolean;
+    /**
+     * Element for the title. `variant` controls the visual size; this controls
+     * the document outline, which only the consuming page knows.
+     * @default "h3"
+     */
+    titleAs?: ElementType;
+    /** "list" drops the shadow so the card sits flush inside a list container. */
+    variant?: "default" | "compact" | "list";
+    onClick?: () => void;
+    className?: string;
+};
+export declare const ActionCard: FC<Props>;
+export {};

package/dist/src/generated/index.d.ts

@@ -95,6 +95,7 @@ export { PageHeader, type PageHeaderProps } from "./components/PageHeader";
 export { Tag } from "./components/Tag/Tag";
 export { TagGroup } from "./components/Tag/TagGroup";
 export { InstrumentCard, type InstrumentType, type Props as InstrumentCardProps, } from "./components/InstrumentCard/InstrumentCard";
+export { ActionCard, type ActionType, type ActionCardMetadata, type Props as ActionCardProps, } from "./components/ActionCard/ActionCard";
 export { Textarea, type TextareaProps, type ResizeTypes, } from "./components/Textarea/Textarea";
 export { TextEditor, type TextEditorTag, } from "./components/TextEditor/TextEditor";
 export { type TextEditorTranslations } from "./components/TextEditor/textEditorTranslations";

package/dist/src/index.d.ts

@@ -95,6 +95,7 @@ export { PageHeader, type PageHeaderProps } from "./components/PageHeader";
 export { Tag } from "./components/Tag/Tag";
 export { TagGroup } from "./components/Tag/TagGroup";
 export { InstrumentCard, type InstrumentType, type Props as InstrumentCardProps, } from "./components/InstrumentCard/InstrumentCard";
+export { ActionCard, type ActionType, type ActionCardMetadata, type Props as ActionCardProps, } from "./components/ActionCard/ActionCard";
 export { Textarea, type TextareaProps, type ResizeTypes, } from "./components/Textarea/Textarea";
 export { TextEditor, type TextEditorTag, } from "./components/TextEditor/TextEditor";
 export { type TextEditorTranslations } from "./components/TextEditor/textEditorTranslations";

package/dist/stories/ActionCard.stories.d.ts

@@ -0,0 +1,51 @@
+import { type StoryObj } from "@storybook/react-vite";
+import { type ActionType } from "../src/components/ActionCard/ActionCard";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("../src").ActionCardProps>;
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+    argTypes: {
+        type: {
+            options: ActionType[];
+            control: {
+                type: "select";
+            };
+        };
+        variant: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        draggable: {
+            control: {
+                type: "boolean";
+            };
+        };
+        actions: {
+            control: false;
+        };
+        metadata: {
+            control: {
+                type: "object";
+            };
+        };
+        instruments: {
+            control: {
+                type: "object";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+export declare const EveryType: Story;
+export declare const WithAndWithoutActions: Story;
+export declare const DraggableAndStatic: Story;
+export declare const ListVariant: Story;
+export declare const CompactVariant: Story;

package/dist/web-ui-tailwind.css

@@ -1972,6 +1972,9 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
 .ui\:max-w-\[560px\] {
   max-width: 560px;
 }
+.ui\:max-w-\[720px\] {
+  max-width: 720px;
+}
 .ui\:max-w-\[900px\] {
   max-width: 900px;
 }
@@ -4823,6 +4826,12 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
     position: absolute;
   }
 }
+.ui\:after\:inset-0 {
+  &::after {
+    content: var(--tw-content);
+    inset: 0px;
+  }
+}
 .ui\:after\:start-\[2px\] {
   &::after {
     content: var(--tw-content);