@j2-health/design-system 0.6.5 → 0.6.8

package/dist/src/components/callout/Callout.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+// src/components/callout/Callout.tsx
+/**
+* A neutral, bordered box for context that is not a status: an invitation
+* ("Want to …? [Add]") or a short summary beside a form. Use `Alert` when the
+* content is information, success, a warning or an error.
+*/
+var Callout = ({ children, title, extra, footer, className }) => /* @__PURE__ */ jsxs("div", {
+	className: cx("rounded-j2 border border-solid border-j2-gray-4 bg-j2-gray-1 px-3 py-2.5 text-sm text-j2-text", className),
+	children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex items-center justify-between gap-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "min-w-0 leading-snug",
+			children: [title && /* @__PURE__ */ jsx("span", {
+				className: "mr-1.5 font-semibold text-j2-text",
+				children: title
+			}), /* @__PURE__ */ jsx("span", {
+				className: title ? "text-j2-text-secondary" : void 0,
+				children
+			})]
+		}), extra && /* @__PURE__ */ jsx("div", {
+			className: "flex-shrink-0",
+			children: extra
+		})]
+	}), footer && /* @__PURE__ */ jsx("div", {
+		className: "mt-2",
+		children: footer
+	})]
+});
+export { Callout };
+
+//# sourceMappingURL=Callout.js.map

package/dist/src/components/callout/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","names":[],"sources":["../../../../src/components/callout/Callout.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport cx from 'classnames'\n\nexport type CalloutProps = {\n  /** The main line. */\n  children: ReactNode\n  /** A short bold label before the main line. */\n  title?: ReactNode\n  /** Right-aligned: a button, a link or a count. */\n  extra?: ReactNode\n  /** Under the main line: tags, a list, a second line. */\n  footer?: ReactNode\n  className?: string\n}\n\n/**\n * A neutral, bordered box for context that is not a status: an invitation\n * (\"Want to …? [Add]\") or a short summary beside a form. Use `Alert` when the\n * content is information, success, a warning or an error.\n */\nexport const Callout = ({\n  children,\n  title,\n  extra,\n  footer,\n  className,\n}: CalloutProps) => (\n  <div\n    className={cx(\n      'rounded-j2 border border-solid border-j2-gray-4 bg-j2-gray-1 px-3 py-2.5 text-sm text-j2-text',\n      className\n    )}\n  >\n    <div className=\"flex items-center justify-between gap-4\">\n      <div className=\"min-w-0 leading-snug\">\n        {title && (\n          <span className=\"mr-1.5 font-semibold text-j2-text\">{title}</span>\n        )}\n        <span className={title ? 'text-j2-text-secondary' : undefined}>\n          {children}\n        </span>\n      </div>\n      {extra && <div className=\"flex-shrink-0\">{extra}</div>}\n    </div>\n    {footer && <div className=\"mt-2\">{footer}</div>}\n  </div>\n)\n"],"mappings":";;;;;;;;AAoBA,IAAa,WAAW,EACtB,UACA,OACA,OACA,QACA,gBAEA,qBAAC,OAAD;CACE,WAAW,GACT,iGACA,SACF;CAJF,UAAA,CAME,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,SACC,oBAAC,QAAD;IAAM,WAAU;IAAqC,UAAA;GAAY,CAAA,GAEnE,oBAAC,QAAD;IAAM,WAAW,QAAQ,2BAA2B,KAAA;IACjD;GACG,CAAA,CACH;EACJ,CAAA,GAAA,SAAS,oBAAC,OAAD;GAAK,WAAU;GAAiB,UAAA;EAAW,CAAA,CAClD;CACJ,CAAA,GAAA,UAAU,oBAAC,OAAD;EAAK,WAAU;EAAQ,UAAA;CAAY,CAAA,CAC3C"}

package/dist/src/components/callout/index.d.ts

@@ -0,0 +1 @@
+export { Callout, type CalloutProps } from './Callout.js';

package/dist/src/components/card/Card.cjs

@@ -4,7 +4,7 @@ let antd = require("antd");
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames, 1);
-//#region src/components/card/Card.tsx
+// src/components/card/Card.tsx
 var Card = ({ title, children, loading, size = "default", innerVariant = "default", selected, className, ...props }) => {
 	const isSelectable = selected !== void 0 && Boolean(props.onClick);
 	const isInnerBasic = props.type === "inner" && innerVariant === "basic";
@@ -30,7 +30,6 @@ var Card = ({ title, children, loading, size = "default", innerVariant = "defaul
 		children
 	});
 };
-//#endregion
 exports.Card = Card;
 
 //# sourceMappingURL=Card.cjs.map

package/dist/src/components/card/Card.js

@@ -2,7 +2,7 @@
 import { Card } from "antd";
 import { jsx } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/card/Card.tsx
+// src/components/card/Card.tsx
 var Card$1 = ({ title, children, loading, size = "default", innerVariant = "default", selected, className, ...props }) => {
 	const isSelectable = selected !== void 0 && Boolean(props.onClick);
 	const isInnerBasic = props.type === "inner" && innerVariant === "basic";
@@ -28,7 +28,6 @@ var Card$1 = ({ title, children, loading, size = "default", innerVariant = "defa
 		children
 	});
 };
-//#endregion
 export { Card$1 as Card };
 
 //# sourceMappingURL=Card.js.map

package/dist/src/components/changeChip/ChangeChip.cjs

@@ -7,7 +7,7 @@ _phosphor_icons_react = require_runtime.__toESM(_phosphor_icons_react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames, 1);
-//#region src/components/changeChip/ChangeChip.tsx
+// src/components/changeChip/ChangeChip.tsx
 /**
 * A compact chip for one change: an optional swatch, a label and a delta.
 * It is a button, so it can open a popover with the details; wrap it in a
@@ -52,7 +52,6 @@ var ChangeChip = (0, react.forwardRef)(({ swatch, label, delta, placeholder, srL
 	});
 });
 ChangeChip.displayName = "ChangeChip";
-//#endregion
 exports.ChangeChip = ChangeChip;
 
 //# sourceMappingURL=ChangeChip.cjs.map

package/dist/src/components/changeChip/ChangeChip.js

@@ -4,7 +4,7 @@ import { forwardRef } from "react";
 import { ArrowDownIcon, ArrowUpIcon } from "@phosphor-icons/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/changeChip/ChangeChip.tsx
+// src/components/changeChip/ChangeChip.tsx
 /**
 * A compact chip for one change: an optional swatch, a label and a delta.
 * It is a button, so it can open a popover with the details; wrap it in a
@@ -49,7 +49,6 @@ var ChangeChip = forwardRef(({ swatch, label, delta, placeholder, srLabel, class
 	});
 });
 ChangeChip.displayName = "ChangeChip";
-//#endregion
 export { ChangeChip };
 
 //# sourceMappingURL=ChangeChip.js.map

package/dist/src/components/checkbox/Checkbox.cjs

@@ -1,11 +1,10 @@
 let antd = require("antd");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/checkbox/Checkbox.tsx
+// src/components/checkbox/Checkbox.tsx
 var Checkbox = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Checkbox, { ...props });
 };
 Checkbox.Group = antd.Checkbox.Group;
-//#endregion
 exports.Checkbox = Checkbox;
 
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/src/components/checkbox/Checkbox.js

@@ -1,11 +1,10 @@
 import { Checkbox } from "antd";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/checkbox/Checkbox.tsx
+// src/components/checkbox/Checkbox.tsx
 var Checkbox$1 = (props) => {
 	return /* @__PURE__ */ jsx(Checkbox, { ...props });
 };
 Checkbox$1.Group = Checkbox.Group;
-//#endregion
 export { Checkbox$1 as Checkbox };
 
 //# sourceMappingURL=Checkbox.js.map

package/dist/src/components/checkboxTree/CheckboxTree.cjs

@@ -4,7 +4,7 @@ const require_TreeNode = require("./TreeNode.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/checkboxTree/CheckboxTree.tsx
+// src/components/checkboxTree/CheckboxTree.tsx
 var CheckboxTree = ({ treeData, defaultCheckedKeys = [], checkedKeys: controlledCheckedKeys, onCheck, disabled = false, defaultExpandAll = true, defaultExpandedKeys, expandedKeys: controlledExpandedKeys, onExpand, className, style, lazyChildren = false }) => {
 	const allLeafKeys = (0, react.useMemo)(() => require_utils.getAllLeafKeys(treeData), [treeData]);
 	const leafKeySet = (0, react.useMemo)(() => new Set(allLeafKeys), [allLeafKeys]);
@@ -108,7 +108,6 @@ var CheckboxTree = ({ treeData, defaultCheckedKeys = [], checkedKeys: controlled
 		}, node.key))
 	});
 };
-//#endregion
 exports.CheckboxTree = CheckboxTree;
 
 //# sourceMappingURL=CheckboxTree.cjs.map

package/dist/src/components/checkboxTree/CheckboxTree.js

@@ -2,7 +2,7 @@ import { getAllLeafKeys, getAllParentKeys, getLeafKeys } from "./utils.js";
 import { TreeNode } from "./TreeNode.js";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/checkboxTree/CheckboxTree.tsx
+// src/components/checkboxTree/CheckboxTree.tsx
 var CheckboxTree = ({ treeData, defaultCheckedKeys = [], checkedKeys: controlledCheckedKeys, onCheck, disabled = false, defaultExpandAll = true, defaultExpandedKeys, expandedKeys: controlledExpandedKeys, onExpand, className, style, lazyChildren = false }) => {
 	const allLeafKeys = useMemo(() => getAllLeafKeys(treeData), [treeData]);
 	const leafKeySet = useMemo(() => new Set(allLeafKeys), [allLeafKeys]);
@@ -106,7 +106,6 @@ var CheckboxTree = ({ treeData, defaultCheckedKeys = [], checkedKeys: controlled
 		}, node.key))
 	});
 };
-//#endregion
 export { CheckboxTree };
 
 //# sourceMappingURL=CheckboxTree.js.map

package/dist/src/components/checkboxTree/TreeNode.cjs

@@ -4,7 +4,7 @@ const require_utils = require("./utils.cjs");
 let _phosphor_icons_react = require("@phosphor-icons/react");
 _phosphor_icons_react = require_runtime.__toESM(_phosphor_icons_react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/checkboxTree/TreeNode.tsx
+// src/components/checkboxTree/TreeNode.tsx
 var TreeNode = ({ node, level, leafNodeValues, onCheck, disabled, expandedKeys, onToggleExpand, lazyChildren }) => {
 	const { checked: isChecked, indeterminate } = require_utils.getNodeCheckState(node, leafNodeValues);
 	const isIndeterminate = lazyChildren && indeterminate;
@@ -55,7 +55,6 @@ var TreeNode = ({ node, level, leafNodeValues, onCheck, disabled, expandedKeys,
 		})
 	})] });
 };
-//#endregion
 exports.TreeNode = TreeNode;
 
 //# sourceMappingURL=TreeNode.cjs.map

package/dist/src/components/checkboxTree/TreeNode.js

@@ -2,7 +2,7 @@ import { Checkbox } from "../checkbox/Checkbox.js";
 import { getNodeCheckState } from "./utils.js";
 import { CaretDownIcon } from "@phosphor-icons/react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/checkboxTree/TreeNode.tsx
+// src/components/checkboxTree/TreeNode.tsx
 var TreeNode = ({ node, level, leafNodeValues, onCheck, disabled, expandedKeys, onToggleExpand, lazyChildren }) => {
 	const { checked: isChecked, indeterminate } = getNodeCheckState(node, leafNodeValues);
 	const isIndeterminate = lazyChildren && indeterminate;
@@ -53,7 +53,6 @@ var TreeNode = ({ node, level, leafNodeValues, onCheck, disabled, expandedKeys,
 		})
 	})] });
 };
-//#endregion
 export { TreeNode };
 
 //# sourceMappingURL=TreeNode.js.map

package/dist/src/components/checkboxTree/utils.cjs

@@ -1,4 +1,4 @@
-//#region src/components/checkboxTree/utils.ts
+// src/components/checkboxTree/utils.ts
 var getLeafKeys = (node) => {
 	const keys = [];
 	const traverse = (currentNode) => {
@@ -45,7 +45,6 @@ var getAllParentKeys = (nodes) => {
 	traverse(nodes);
 	return keys;
 };
-//#endregion
 exports.getAllLeafKeys = getAllLeafKeys;
 exports.getAllParentKeys = getAllParentKeys;
 exports.getLeafKeys = getLeafKeys;

package/dist/src/components/checkboxTree/utils.js

@@ -1,4 +1,4 @@
-//#region src/components/checkboxTree/utils.ts
+// src/components/checkboxTree/utils.ts
 var getLeafKeys = (node) => {
 	const keys = [];
 	const traverse = (currentNode) => {
@@ -45,7 +45,6 @@ var getAllParentKeys = (nodes) => {
 	traverse(nodes);
 	return keys;
 };
-//#endregion
 export { getAllLeafKeys, getAllParentKeys, getLeafKeys, getNodeCheckState };
 
 //# sourceMappingURL=utils.js.map

package/dist/src/components/collapse/Collapse.cjs

@@ -7,7 +7,7 @@ let antd = require("antd");
 let _phosphor_icons_react = require("@phosphor-icons/react");
 _phosphor_icons_react = require_runtime.__toESM(_phosphor_icons_react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/collapse/Collapse.tsx
+// src/components/collapse/Collapse.tsx
 var stateConfig = {
 	default: {
 		className: require_Collapse_module.default.default,
@@ -59,7 +59,6 @@ var Collapse = ({ state = "default", showIcon = false, variant = "default", clas
 		})
 	});
 };
-//#endregion
 exports.Collapse = Collapse;
 
 //# sourceMappingURL=Collapse.cjs.map

package/dist/src/components/collapse/Collapse.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { Collapse } from "antd";
 import { CaretDownIcon, InfoIcon, WarningCircleIcon, XCircleIcon } from "@phosphor-icons/react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/collapse/Collapse.tsx
+// src/components/collapse/Collapse.tsx
 var stateConfig = {
 	default: {
 		className: Collapse_module_default.default,
@@ -55,7 +55,6 @@ var Collapse$1 = ({ state = "default", showIcon = false, variant = "default", cl
 		})
 	});
 };
-//#endregion
 export { Collapse$1 as Collapse };
 
 //# sourceMappingURL=Collapse.js.map

package/dist/src/components/collapse/Collapse.module.css.cjs

@@ -1,4 +1,4 @@
-//#region src/components/collapse/Collapse.module.css
+// src/components/collapse/Collapse.module.css
 var warning = "_warning_4jnb6_2";
 var error = "_error_4jnb6_3";
 var section = "_section_4jnb6_51";
@@ -8,7 +8,6 @@ var Collapse_module_default = {
 	error,
 	section
 };
-//#endregion
 exports.default = Collapse_module_default;
 exports.error = error;
 exports.section = section;

package/dist/src/components/collapse/Collapse.module.css.js

@@ -1,4 +1,4 @@
-//#region src/components/collapse/Collapse.module.css
+// src/components/collapse/Collapse.module.css
 var warning = "_warning_4jnb6_2";
 var error = "_error_4jnb6_3";
 var section = "_section_4jnb6_51";
@@ -8,7 +8,6 @@ var Collapse_module_default = {
 	error,
 	section
 };
-//#endregion
 export { Collapse_module_default as default, error, section, warning };
 
 //# sourceMappingURL=Collapse.module.css.js.map

package/dist/src/components/drawer/Drawer.cjs

@@ -5,7 +5,7 @@ let antd = require("antd");
 let _phosphor_icons_react = require("@phosphor-icons/react");
 _phosphor_icons_react = require_runtime.__toESM(_phosphor_icons_react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/drawer/Drawer.tsx
+// src/components/drawer/Drawer.tsx
 var Drawer = ({ fillPage = false, footer, extraContent, ...props }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Drawer, {
 		...props,
@@ -25,7 +25,6 @@ var Drawer = ({ fillPage = false, footer, extraContent, ...props }) => {
 		className: "j2-drawer"
 	});
 };
-//#endregion
 exports.Drawer = Drawer;
 
 //# sourceMappingURL=Drawer.cjs.map

package/dist/src/components/drawer/Drawer.js

@@ -3,7 +3,7 @@ import { Button as Button$1 } from "../button/Button.js";
 import { Drawer, Space } from "antd";
 import { XIcon } from "@phosphor-icons/react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/drawer/Drawer.tsx
+// src/components/drawer/Drawer.tsx
 var Drawer$1 = ({ fillPage = false, footer, extraContent, ...props }) => {
 	return /* @__PURE__ */ jsx(Drawer, {
 		...props,
@@ -23,7 +23,6 @@ var Drawer$1 = ({ fillPage = false, footer, extraContent, ...props }) => {
 		className: "j2-drawer"
 	});
 };
-//#endregion
 export { Drawer$1 as Drawer };
 
 //# sourceMappingURL=Drawer.js.map

package/dist/src/components/dropdown/Dropdown.cjs

@@ -7,7 +7,7 @@ _phosphor_icons_react = require_runtime.__toESM(_phosphor_icons_react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames, 1);
-//#region src/components/dropdown/Dropdown.tsx
+// src/components/dropdown/Dropdown.tsx
 var { Link } = antd.Typography;
 var LabelWithCaret = ({ label }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 	className: "flex items-center gap-2",
@@ -58,7 +58,6 @@ var Dropdown = ({ label, type, icon, menu, menuType = "default", targetClassName
 		}) })
 	});
 };
-//#endregion
 exports.Dropdown = Dropdown;
 
 //# sourceMappingURL=Dropdown.cjs.map

package/dist/src/components/dropdown/Dropdown.js

@@ -4,7 +4,7 @@ import { Dropdown, Typography } from "antd";
 import { CaretDownIcon } from "@phosphor-icons/react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/dropdown/Dropdown.tsx
+// src/components/dropdown/Dropdown.tsx
 var { Link } = Typography;
 var LabelWithCaret = ({ label }) => /* @__PURE__ */ jsxs("div", {
 	className: "flex items-center gap-2",
@@ -55,7 +55,6 @@ var Dropdown$1 = ({ label, type, icon, menu, menuType = "default", targetClassNa
 		}) })
 	});
 };
-//#endregion
 export { Dropdown$1 as Dropdown };
 
 //# sourceMappingURL=Dropdown.js.map

package/dist/src/components/emptyState/EmptyState.cjs

@@ -2,7 +2,7 @@ const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames, 1);
-//#region src/components/emptyState/EmptyState.tsx
+// src/components/emptyState/EmptyState.tsx
 /**
 * What a list, table or panel shows when it has nothing to show.
 */
@@ -33,7 +33,6 @@ var EmptyState = ({ title, description, icon, action, size = "default", classNam
 		]
 	});
 };
-//#endregion
 exports.EmptyState = EmptyState;
 
 //# sourceMappingURL=EmptyState.cjs.map

package/dist/src/components/emptyState/EmptyState.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/emptyState/EmptyState.tsx
+// src/components/emptyState/EmptyState.tsx
 /**
 * What a list, table or panel shows when it has nothing to show.
 */
@@ -31,7 +31,6 @@ var EmptyState = ({ title, description, icon, action, size = "default", classNam
 		]
 	});
 };
-//#endregion
 export { EmptyState };
 
 //# sourceMappingURL=EmptyState.js.map