@j2-health/design-system 0.6.5 → 0.6.6

package/dist/_virtual/_rolldown/runtime.cjs

@@ -1,4 +1,4 @@
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -19,5 +19,4 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-//#endregion
 exports.__toESM = __toESM;

package/dist/index.cjs

@@ -7,6 +7,7 @@ const require_Alert = require("./src/components/alert/Alert.cjs");
 const require_BareButton = require("./src/components/bareButton/BareButton.cjs");
 const require_BarChart = require("./src/components/barchart/BarChart.cjs");
 const require_Breadcrumb = require("./src/components/breadcrumb/Breadcrumb.cjs");
+const require_Callout = require("./src/components/callout/Callout.cjs");
 const require_Button = require("./src/components/button/Button.cjs");
 const require_BulkActionBar = require("./src/components/bulkActionBar/BulkActionBar.cjs");
 const require_Card = require("./src/components/card/Card.cjs");
@@ -19,6 +20,9 @@ const require_Collapse = require("./src/components/collapse/Collapse.cjs");
 const require_Drawer = require("./src/components/drawer/Drawer.cjs");
 const require_Dropdown = require("./src/components/dropdown/Dropdown.cjs");
 const require_EmptyState = require("./src/components/emptyState/EmptyState.cjs");
+const require_Modal = require("./src/components/modal/Modal.cjs");
+const require_Spinner = require("./src/components/spinner/Spinner.cjs");
+const require_FileDropzone = require("./src/components/fileDropzone/FileDropzone.cjs");
 const require_filterHelpers = require("./src/components/filterform/filterHelpers.cjs");
 const require_useFilterField = require("./src/components/filterform/useFilterField.cjs");
 const require_FiltersForm = require("./src/components/filterform/FiltersForm.cjs");
@@ -26,6 +30,7 @@ const require_Form = require("./src/components/form/Form.cjs");
 const require_Input = require("./src/components/input/Input.cjs");
 const require_AntdInput = require("./src/components/input/AntdInput.cjs");
 const require_AntdSearchInput = require("./src/components/input/AntdSearchInput.cjs");
+const require_AntdTextArea = require("./src/components/input/AntdTextArea.cjs");
 const require_InputNumber = require("./src/components/inputnumber/InputNumber.cjs");
 const require_Radio = require("./src/components/radio/Radio.cjs");
 const require_ListRow = require("./src/components/listRow/ListRow.cjs");
@@ -36,12 +41,12 @@ const require_SelectAll = require("./src/components/manageColumns/SelectAll.cjs"
 const require_ManageColumnsPanel = require("./src/components/manageColumns/ManageColumnsPanel.cjs");
 const require_Menu = require("./src/components/menu/Menu.cjs");
 const require_useMessage = require("./src/components/message/useMessage.cjs");
-const require_Modal = require("./src/components/modal/Modal.cjs");
 const require_NavMenu = require("./src/components/navMenu/NavMenu.cjs");
 const require_useNotification = require("./src/components/notification/useNotification.cjs");
 const require_NotificationModal = require("./src/components/notificationModal/NotificationModal.cjs");
 const require_Pagination = require("./src/components/pagination/Pagination.cjs");
 const require_Progress = require("./src/components/progress/Progress.cjs");
+const require_RadioCardGroup = require("./src/components/radioCardGroup/RadioCardGroup.cjs");
 const require_Rate = require("./src/components/rate/Rate.cjs");
 const require_Select = require("./src/components/select/Select.cjs");
 const require_AntdSelect = require("./src/components/select/AntdSelect.cjs");
@@ -49,7 +54,6 @@ const require_Tag = require("./src/components/tag/Tag.cjs");
 const require_SummarizedSelect = require("./src/components/select/SummarizedSelect.cjs");
 const require_Skeleton = require("./src/components/skeleton/Skeleton.cjs");
 const require_Slider = require("./src/components/slider/Slider.cjs");
-const require_Spinner = require("./src/components/spinner/Spinner.cjs");
 const require_StatusPill = require("./src/components/statusPill/StatusPill.cjs");
 const require_useSteps = require("./src/components/steps/useSteps.cjs");
 const require_Steps = require("./src/components/steps/Steps.cjs");
@@ -69,12 +73,14 @@ exports.Alert = require_Alert.Alert;
 exports.AntdInput = require_AntdInput.AntdInput;
 exports.AntdSearchInput = require_AntdSearchInput.AntdSearchInput;
 exports.AntdSelect = require_AntdSelect.AntdSelect;
+exports.AntdTextArea = require_AntdTextArea.AntdTextArea;
 exports.AppConfigProvider = require_AppConfigProvider.AppConfigProvider;
 exports.BarChart = require_BarChart.BarChart;
 exports.BareButton = require_BareButton.BareButton;
 exports.Breadcrumb = require_Breadcrumb.Breadcrumb;
 exports.BulkActionBar = require_BulkActionBar.BulkActionBar;
 exports.Button = require_Button.Button;
+exports.Callout = require_Callout.Callout;
 exports.Card = require_Card.Card;
 exports.ChangeChip = require_ChangeChip.ChangeChip;
 exports.Checkbox = require_Checkbox.Checkbox;
@@ -83,6 +89,7 @@ exports.Collapse = require_Collapse.Collapse;
 exports.Drawer = require_Drawer.Drawer;
 exports.Dropdown = require_Dropdown.Dropdown;
 exports.EmptyState = require_EmptyState.EmptyState;
+exports.FileDropzone = require_FileDropzone.FileDropzone;
 exports.FiltersForm = require_FiltersForm.FiltersForm;
 exports.Form = require_Form.Form;
 Object.defineProperty(exports, "HighchartsReact", {
@@ -106,6 +113,7 @@ exports.Pagination = require_Pagination.Pagination;
 exports.Popover = require_Popover.Popover;
 exports.Progress = require_Progress.Progress;
 exports.Radio = require_Radio.Radio;
+exports.RadioCardGroup = require_RadioCardGroup.RadioCardGroup;
 exports.RadioGroup = require_Radio.RadioGroup;
 exports.Rate = require_Rate.Rate;
 exports.Select = require_Select.Select;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './src/components/alert/index.js';
 export * from './src/components/bareButton/index.js';
 export * from './src/components/barchart/index.js';
 export * from './src/components/breadcrumb/index.js';
+export * from './src/components/callout/index.js';
 export * from './src/components/bulkActionBar/index.js';
 export * from './src/components/button/index.js';
 export * from './src/components/card/index.js';
@@ -15,6 +16,7 @@ export * from './src/components/collapse/index.js';
 export * from './src/components/drawer/index.js';
 export * from './src/components/dropdown/index.js';
 export * from './src/components/emptyState/index.js';
+export * from './src/components/fileDropzone/index.js';
 export * from './src/components/filterform/index.js';
 export * from './src/components/form/index.js';
 export * from './src/components/input/index.js';
@@ -32,6 +34,7 @@ export * from './src/components/pagination/index.js';
 export * from './src/components/popover/index.js';
 export * from './src/components/progress/index.js';
 export * from './src/components/radio/index.js';
+export * from './src/components/radioCardGroup/index.js';
 export * from './src/components/rate/index.js';
 export * from './src/components/select/index.js';
 export * from './src/components/skeleton/index.js';

package/dist/index.js

@@ -6,6 +6,7 @@ import { BareButton } from "./src/components/bareButton/BareButton.js";
 import { BarChart } from "./src/components/barchart/BarChart.js";
 import { HighchartsReact } from "./src/components/barchart/index.js";
 import { Breadcrumb } from "./src/components/breadcrumb/Breadcrumb.js";
+import { Callout } from "./src/components/callout/Callout.js";
 import { Button } from "./src/components/button/Button.js";
 import { BulkActionBar } from "./src/components/bulkActionBar/BulkActionBar.js";
 import { Card } from "./src/components/card/Card.js";
@@ -18,6 +19,9 @@ import { Collapse } from "./src/components/collapse/Collapse.js";
 import { Drawer } from "./src/components/drawer/Drawer.js";
 import { Dropdown } from "./src/components/dropdown/Dropdown.js";
 import { EmptyState } from "./src/components/emptyState/EmptyState.js";
+import { Modal } from "./src/components/modal/Modal.js";
+import { Spinner } from "./src/components/spinner/Spinner.js";
+import { FileDropzone } from "./src/components/fileDropzone/FileDropzone.js";
 import { isMultiValueTextOperator, normalizeMultiValues } from "./src/components/filterform/filterHelpers.js";
 import { MultiValueTextOperatorOptions, operatorOptionsFor } from "./src/components/filterform/useFilterField.js";
 import { FiltersForm } from "./src/components/filterform/FiltersForm.js";
@@ -25,6 +29,7 @@ import { Form } from "./src/components/form/Form.js";
 import { Input } from "./src/components/input/Input.js";
 import { AntdInput } from "./src/components/input/AntdInput.js";
 import { AntdSearchInput } from "./src/components/input/AntdSearchInput.js";
+import { AntdTextArea } from "./src/components/input/AntdTextArea.js";
 import { InputNumber } from "./src/components/inputnumber/InputNumber.js";
 import { Radio, RadioGroup } from "./src/components/radio/Radio.js";
 import { ListRow } from "./src/components/listRow/ListRow.js";
@@ -35,12 +40,12 @@ import { SelectAll } from "./src/components/manageColumns/SelectAll.js";
 import { ManageColumnsPanel } from "./src/components/manageColumns/ManageColumnsPanel.js";
 import { Menu } from "./src/components/menu/Menu.js";
 import { useMessage } from "./src/components/message/useMessage.js";
-import { Modal } from "./src/components/modal/Modal.js";
 import { NavMenu } from "./src/components/navMenu/NavMenu.js";
 import { useNotification } from "./src/components/notification/useNotification.js";
 import { NotificationModal } from "./src/components/notificationModal/NotificationModal.js";
 import { Pagination, withDesignSystemPaginationOverrides } from "./src/components/pagination/Pagination.js";
 import { Progress } from "./src/components/progress/Progress.js";
+import { RadioCardGroup } from "./src/components/radioCardGroup/RadioCardGroup.js";
 import { Rate } from "./src/components/rate/Rate.js";
 import { Select } from "./src/components/select/Select.js";
 import { AntdSelect } from "./src/components/select/AntdSelect.js";
@@ -48,7 +53,6 @@ import { Tag } from "./src/components/tag/Tag.js";
 import { SummarizedSelect } from "./src/components/select/SummarizedSelect.js";
 import { Skeleton } from "./src/components/skeleton/Skeleton.js";
 import { Slider } from "./src/components/slider/Slider.js";
-import { Spinner } from "./src/components/spinner/Spinner.js";
 import { StatusPill } from "./src/components/statusPill/StatusPill.js";
 import { useSteps } from "./src/components/steps/useSteps.js";
 import { Steps } from "./src/components/steps/Steps.js";
@@ -62,4 +66,4 @@ import { VennDiagram } from "./src/components/vennDiagram/VennDiagram.js";
 import { UserProfile } from "./src/components/legacyNavMenu/UserProfile.js";
 import { LegacyNavMenu } from "./src/components/legacyNavMenu/LegacyNavMenu.js";
 import { icons } from "./index2.js";
-export { Alert, AntdInput, AntdSearchInput, AntdSelect, AppConfigProvider, BarChart, BareButton, Breadcrumb, BulkActionBar, Button, Card, ChangeChip, Checkbox, CheckboxTree, Collapse, Drawer, Dropdown, EmptyState, FiltersForm, Form, HighchartsReact, Input, InputNumber, LegacyNavMenu, ListPopover, ListRow, ManageColumnsPanel, Menu, Modal, MultiValueTextOperatorOptions, NavMenu, NotificationModal, Pagination, Popover, Progress, Radio, RadioGroup, Rate, Select, SelectAll, Skeleton, Slider, Spinner, StatusPill, StepDrawer, Steps, SummarizedSelect, Swatch, SwatchStrip, Switch, Table, Tabs, Tag, ThresholdBar, Tooltip, UserProfile, VennDiagram, appTheme, icons, isMultiValueTextOperator, mergeProps, normalizeMultiValues, operatorOptionsFor, tailwindPreset, useMessage, useNotification, useStepDrawerSlots, useSteps, withDesignSystemPaginationOverrides };
+export { Alert, AntdInput, AntdSearchInput, AntdSelect, AntdTextArea, AppConfigProvider, BarChart, BareButton, Breadcrumb, BulkActionBar, Button, Callout, Card, ChangeChip, Checkbox, CheckboxTree, Collapse, Drawer, Dropdown, EmptyState, FileDropzone, FiltersForm, Form, HighchartsReact, Input, InputNumber, LegacyNavMenu, ListPopover, ListRow, ManageColumnsPanel, Menu, Modal, MultiValueTextOperatorOptions, NavMenu, NotificationModal, Pagination, Popover, Progress, Radio, RadioCardGroup, RadioGroup, Rate, Select, SelectAll, Skeleton, Slider, Spinner, StatusPill, StepDrawer, Steps, SummarizedSelect, Swatch, SwatchStrip, Switch, Table, Tabs, Tag, ThresholdBar, Tooltip, UserProfile, VennDiagram, appTheme, icons, isMultiValueTextOperator, mergeProps, normalizeMultiValues, operatorOptionsFor, tailwindPreset, useMessage, useNotification, useStepDrawerSlots, useSteps, withDesignSystemPaginationOverrides };

package/dist/index2.js

@@ -6,6 +6,7 @@ import { BareButton } from "./src/components/bareButton/BareButton.js";
 import { BarChart } from "./src/components/barchart/BarChart.js";
 import { HighchartsReact } from "./src/components/barchart/index.js";
 import { Breadcrumb } from "./src/components/breadcrumb/Breadcrumb.js";
+import { Callout } from "./src/components/callout/Callout.js";
 import { Button } from "./src/components/button/Button.js";
 import { BulkActionBar } from "./src/components/bulkActionBar/BulkActionBar.js";
 import { Card } from "./src/components/card/Card.js";
@@ -18,6 +19,9 @@ import { Collapse } from "./src/components/collapse/Collapse.js";
 import { Drawer } from "./src/components/drawer/Drawer.js";
 import { Dropdown } from "./src/components/dropdown/Dropdown.js";
 import { EmptyState } from "./src/components/emptyState/EmptyState.js";
+import { Modal } from "./src/components/modal/Modal.js";
+import { Spinner } from "./src/components/spinner/Spinner.js";
+import { FileDropzone } from "./src/components/fileDropzone/FileDropzone.js";
 import { isMultiValueTextOperator, normalizeMultiValues } from "./src/components/filterform/filterHelpers.js";
 import { MultiValueTextOperatorOptions, operatorOptionsFor } from "./src/components/filterform/useFilterField.js";
 import { FiltersForm } from "./src/components/filterform/FiltersForm.js";
@@ -25,6 +29,7 @@ import { Form } from "./src/components/form/Form.js";
 import { Input } from "./src/components/input/Input.js";
 import { AntdInput } from "./src/components/input/AntdInput.js";
 import { AntdSearchInput } from "./src/components/input/AntdSearchInput.js";
+import { AntdTextArea } from "./src/components/input/AntdTextArea.js";
 import { InputNumber } from "./src/components/inputnumber/InputNumber.js";
 import { Radio, RadioGroup } from "./src/components/radio/Radio.js";
 import { ListRow } from "./src/components/listRow/ListRow.js";
@@ -35,12 +40,12 @@ import { SelectAll } from "./src/components/manageColumns/SelectAll.js";
 import { ManageColumnsPanel } from "./src/components/manageColumns/ManageColumnsPanel.js";
 import { Menu } from "./src/components/menu/Menu.js";
 import { useMessage } from "./src/components/message/useMessage.js";
-import { Modal } from "./src/components/modal/Modal.js";
 import { NavMenu } from "./src/components/navMenu/NavMenu.js";
 import { useNotification } from "./src/components/notification/useNotification.js";
 import { NotificationModal } from "./src/components/notificationModal/NotificationModal.js";
 import { Pagination, withDesignSystemPaginationOverrides } from "./src/components/pagination/Pagination.js";
 import { Progress } from "./src/components/progress/Progress.js";
+import { RadioCardGroup } from "./src/components/radioCardGroup/RadioCardGroup.js";
 import { Rate } from "./src/components/rate/Rate.js";
 import { Select } from "./src/components/select/Select.js";
 import { AntdSelect } from "./src/components/select/AntdSelect.js";
@@ -48,7 +53,6 @@ import { Tag } from "./src/components/tag/Tag.js";
 import { SummarizedSelect } from "./src/components/select/SummarizedSelect.js";
 import { Skeleton } from "./src/components/skeleton/Skeleton.js";
 import { Slider } from "./src/components/slider/Slider.js";
-import { Spinner } from "./src/components/spinner/Spinner.js";
 import { StatusPill } from "./src/components/statusPill/StatusPill.js";
 import { useSteps } from "./src/components/steps/useSteps.js";
 import { Steps } from "./src/components/steps/Steps.js";
@@ -62,4 +66,4 @@ import { VennDiagram } from "./src/components/vennDiagram/VennDiagram.js";
 import { UserProfile } from "./src/components/legacyNavMenu/UserProfile.js";
 import { LegacyNavMenu } from "./src/components/legacyNavMenu/LegacyNavMenu.js";
 import * as icons from "@phosphor-icons/react";
-export { Alert, AntdInput, AntdSearchInput, AntdSelect, AppConfigProvider, BarChart, BareButton, Breadcrumb, BulkActionBar, Button, Card, ChangeChip, Checkbox, CheckboxTree, Collapse, Drawer, Dropdown, EmptyState, FiltersForm, Form, HighchartsReact, Input, InputNumber, LegacyNavMenu, ListPopover, ListRow, ManageColumnsPanel, Menu, Modal, MultiValueTextOperatorOptions, NavMenu, NotificationModal, Pagination, Popover, Progress, Radio, RadioGroup, Rate, Select, SelectAll, Skeleton, Slider, Spinner, StatusPill, StepDrawer, Steps, SummarizedSelect, Swatch, SwatchStrip, Switch, Table, Tabs, Tag, ThresholdBar, Tooltip, UserProfile, VennDiagram, appTheme, icons, isMultiValueTextOperator, mergeProps, normalizeMultiValues, operatorOptionsFor, tailwindPreset, useMessage, useNotification, useStepDrawerSlots, useSteps, withDesignSystemPaginationOverrides };
+export { Alert, AntdInput, AntdSearchInput, AntdSelect, AntdTextArea, AppConfigProvider, BarChart, BareButton, Breadcrumb, BulkActionBar, Button, Callout, Card, ChangeChip, Checkbox, CheckboxTree, Collapse, Drawer, Dropdown, EmptyState, FileDropzone, FiltersForm, Form, HighchartsReact, Input, InputNumber, LegacyNavMenu, ListPopover, ListRow, ManageColumnsPanel, Menu, Modal, MultiValueTextOperatorOptions, NavMenu, NotificationModal, Pagination, Popover, Progress, Radio, RadioCardGroup, RadioGroup, Rate, Select, SelectAll, Skeleton, Slider, Spinner, StatusPill, StepDrawer, Steps, SummarizedSelect, Swatch, SwatchStrip, Switch, Table, Tabs, Tag, ThresholdBar, Tooltip, UserProfile, VennDiagram, appTheme, icons, isMultiValueTextOperator, mergeProps, normalizeMultiValues, operatorOptionsFor, tailwindPreset, useMessage, useNotification, useStepDrawerSlots, useSteps, withDesignSystemPaginationOverrides };

package/dist/src/AppConfigProvider.cjs

@@ -6,7 +6,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/AppConfigProvider.tsx
+// src/AppConfigProvider.tsx
 var AppConfigProvider = ({ children }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.ConfigProvider, {
 		theme: require_appTheme.appTheme,
@@ -19,7 +19,6 @@ var AppConfigProvider = ({ children }) => {
 		})
 	});
 };
-//#endregion
 exports.AppConfigProvider = AppConfigProvider;
 
 //# sourceMappingURL=AppConfigProvider.cjs.map

package/dist/src/AppConfigProvider.js

@@ -3,7 +3,7 @@ import "react";
 import { ConfigProvider } from "antd";
 import { IconContext } from "@phosphor-icons/react";
 import { jsx } from "react/jsx-runtime";
-//#region src/AppConfigProvider.tsx
+// src/AppConfigProvider.tsx
 var AppConfigProvider = ({ children }) => {
 	return /* @__PURE__ */ jsx(ConfigProvider, {
 		theme: appTheme,
@@ -16,7 +16,6 @@ var AppConfigProvider = ({ children }) => {
 		})
 	});
 };
-//#endregion
 export { AppConfigProvider };
 
 //# sourceMappingURL=AppConfigProvider.js.map

package/dist/src/appTheme.cjs

@@ -1,4 +1,4 @@
-//#region src/appTheme.ts
+// src/appTheme.ts
 var appTheme = {
 	token: {
 		colorText: "var(--j2-color-text)",
@@ -242,7 +242,6 @@ var appTheme = {
 		Tag: { defaultBg: "var(--j2-color-fill-secondary)" }
 	}
 };
-//#endregion
 exports.appTheme = appTheme;
 
 //# sourceMappingURL=appTheme.cjs.map

package/dist/src/appTheme.js

@@ -1,4 +1,4 @@
-//#region src/appTheme.ts
+// src/appTheme.ts
 var appTheme = {
 	token: {
 		colorText: "var(--j2-color-text)",
@@ -242,7 +242,6 @@ var appTheme = {
 		Tag: { defaultBg: "var(--j2-color-fill-secondary)" }
 	}
 };
-//#endregion
 export { appTheme };
 
 //# sourceMappingURL=appTheme.js.map

package/dist/src/components/alert/Alert.cjs

@@ -9,7 +9,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/alert/Alert.tsx
+// src/components/alert/Alert.tsx
 var Alert = ({ description, type, closable = false, showIcon = true, banner = false, message, title, closeIcon, closeText, onClose, afterClose, className, ...props }) => {
 	const { token } = antd.theme.useToken();
 	const icon = react$1.useMemo(() => {
@@ -80,7 +80,6 @@ var Alert = ({ description, type, closable = false, showIcon = true, banner = fa
 		...props
 	});
 };
-//#endregion
 exports.Alert = Alert;
 
 //# sourceMappingURL=Alert.cjs.map

package/dist/src/components/alert/Alert.js

@@ -4,7 +4,7 @@ import { Alert, theme } from "antd";
 import { CheckCircleIcon, CircleNotchIcon, InfoIcon, WarningCircleIcon, XCircleIcon, XIcon } from "@phosphor-icons/react";
 import { jsx } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/alert/Alert.tsx
+// src/components/alert/Alert.tsx
 var Alert$1 = ({ description, type, closable = false, showIcon = true, banner = false, message, title, closeIcon, closeText, onClose, afterClose, className, ...props }) => {
 	const { token } = theme.useToken();
 	const icon = React.useMemo(() => {
@@ -75,7 +75,6 @@ var Alert$1 = ({ description, type, closable = false, showIcon = true, banner =
 		...props
 	});
 };
-//#endregion
 export { Alert$1 as Alert };
 
 //# sourceMappingURL=Alert.js.map

package/dist/src/components/alert/Alert.module.css.cjs

@@ -1,7 +1,6 @@
-//#region src/components/alert/Alert.module.css
+// src/components/alert/Alert.module.css
 var alert = "_alert_iflcw_2";
 var Alert_module_default = { alert };
-//#endregion
 exports.alert = alert;
 exports.default = Alert_module_default;
 

package/dist/src/components/alert/Alert.module.css.js

@@ -1,7 +1,6 @@
-//#region src/components/alert/Alert.module.css
+// src/components/alert/Alert.module.css
 var alert = "_alert_iflcw_2";
 var Alert_module_default = { alert };
-//#endregion
 export { alert, Alert_module_default as default };
 
 //# sourceMappingURL=Alert.module.css.js.map

package/dist/src/components/barchart/BarChart.cjs

@@ -5,7 +5,7 @@ let _highcharts_react = require("@highcharts/react");
 require("@highcharts/react/modules/Accessibility.js");
 require("@highcharts/react/modules/Exporting.js");
 let react_dom_server = require("react-dom/server");
-//#region src/components/barchart/BarChart.tsx
+// src/components/barchart/BarChart.tsx
 var BarChart = ({ categories, series, min, max, tickInterval, tickFormat, xAxisTitle, yAxisTitle, gridLineColor, gridLineDashStyle, xAxisLabelMaxLines, tooltip, exporting, chartRef, height, width, maxBars = 50, barsWidth = void 0 }) => {
 	const limitedCategories = categories.slice(0, maxBars);
 	const limitedSeries = series.map((s) => ({
@@ -121,7 +121,6 @@ var BarChart = ({ categories, series, min, max, tickInterval, tickFormat, xAxisT
 		containerProps: { className: "highcharts-light" }
 	});
 };
-//#endregion
 exports.BarChart = BarChart;
 
 //# sourceMappingURL=BarChart.cjs.map

package/dist/src/components/barchart/BarChart.js

@@ -5,7 +5,7 @@ import { Chart } from "@highcharts/react";
 import "@highcharts/react/modules/Accessibility.js";
 import "@highcharts/react/modules/Exporting.js";
 import { renderToString } from "react-dom/server";
-//#region src/components/barchart/BarChart.tsx
+// src/components/barchart/BarChart.tsx
 var BarChart = ({ categories, series, min, max, tickInterval, tickFormat, xAxisTitle, yAxisTitle, gridLineColor, gridLineDashStyle, xAxisLabelMaxLines, tooltip, exporting, chartRef, height, width, maxBars = 50, barsWidth = void 0 }) => {
 	const limitedCategories = categories.slice(0, maxBars);
 	const limitedSeries = series.map((s) => ({
@@ -121,7 +121,6 @@ var BarChart = ({ categories, series, min, max, tickInterval, tickFormat, xAxisT
 		containerProps: { className: "highcharts-light" }
 	});
 };
-//#endregion
 export { BarChart };
 
 //# sourceMappingURL=BarChart.js.map

package/dist/src/components/barchart/chart.module.css.cjs

@@ -1,7 +1,6 @@
-//#region src/components/barchart/chart.module.css
+// src/components/barchart/chart.module.css
 var tooltip = "_tooltip_1g39l_1";
 var chart_module_default = { tooltip };
-//#endregion
 exports.default = chart_module_default;
 exports.tooltip = tooltip;
 

package/dist/src/components/barchart/chart.module.css.js

@@ -1,7 +1,6 @@
-//#region src/components/barchart/chart.module.css
+// src/components/barchart/chart.module.css
 var tooltip = "_tooltip_1g39l_1";
 var chart_module_default = { tooltip };
-//#endregion
 export { chart_module_default as default, tooltip };
 
 //# sourceMappingURL=chart.module.css.js.map

package/dist/src/components/bareButton/BareButton.cjs

@@ -3,7 +3,7 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames, 1);
-//#region src/components/bareButton/BareButton.tsx
+// src/components/bareButton/BareButton.tsx
 /**
 * A button with no look of its own: its children supply every pixel. For
 * making a purely visual component clickable, e.g. as a `render` element:
@@ -25,7 +25,6 @@ var BareButton = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__P
 	className: (0, classnames.default)("cursor-pointer disabled:cursor-not-allowed focus-visible:[outline:var(--j2-focus-ring-width,2px)_solid_var(--j2-focus-ring-color,var(--j2-color-primary))] focus-visible:[outline-offset:var(--j2-focus-ring-offset,0px)]", className)
 }));
 BareButton.displayName = "BareButton";
-//#endregion
 exports.BareButton = BareButton;
 
 //# sourceMappingURL=BareButton.cjs.map

package/dist/src/components/bareButton/BareButton.js

@@ -1,7 +1,7 @@
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/bareButton/BareButton.tsx
+// src/components/bareButton/BareButton.tsx
 /**
 * A button with no look of its own: its children supply every pixel. For
 * making a purely visual component clickable, e.g. as a `render` element:
@@ -23,7 +23,6 @@ var BareButton = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ js
 	className: cx("cursor-pointer disabled:cursor-not-allowed focus-visible:[outline:var(--j2-focus-ring-width,2px)_solid_var(--j2-focus-ring-color,var(--j2-color-primary))] focus-visible:[outline-offset:var(--j2-focus-ring-offset,0px)]", className)
 }));
 BareButton.displayName = "BareButton";
-//#endregion
 export { BareButton };
 
 //# sourceMappingURL=BareButton.js.map

package/dist/src/components/breadcrumb/Breadcrumb.cjs

@@ -4,7 +4,7 @@ let react$1 = require_runtime.__toESM(react, 1);
 react = require_runtime.__toESM(react);
 let antd = require("antd");
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/breadcrumb/Breadcrumb.tsx
+// src/components/breadcrumb/Breadcrumb.tsx
 var Breadcrumb = ({ items, ...props }) => {
 	const antDItems = react$1.useMemo(() => items.map((item) => ({
 		href: item.href,
@@ -19,7 +19,6 @@ var Breadcrumb = ({ items, ...props }) => {
 		items: antDItems
 	});
 };
-//#endregion
 exports.Breadcrumb = Breadcrumb;
 
 //# sourceMappingURL=Breadcrumb.cjs.map

package/dist/src/components/breadcrumb/Breadcrumb.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Breadcrumb } from "antd";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/breadcrumb/Breadcrumb.tsx
+// src/components/breadcrumb/Breadcrumb.tsx
 var Breadcrumb$1 = ({ items, ...props }) => {
 	const antDItems = React.useMemo(() => items.map((item) => ({
 		href: item.href,
@@ -16,7 +16,6 @@ var Breadcrumb$1 = ({ items, ...props }) => {
 		items: antDItems
 	});
 };
-//#endregion
 export { Breadcrumb$1 as Breadcrumb };
 
 //# sourceMappingURL=Breadcrumb.js.map

package/dist/src/components/bulkActionBar/BulkActionBar.cjs

@@ -3,7 +3,7 @@ const require_Button = require("../button/Button.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames, 1);
-//#region src/components/bulkActionBar/BulkActionBar.tsx
+// src/components/bulkActionBar/BulkActionBar.tsx
 /**
 * Floating bulk-action toolbar. Renders fixed to the bottom-center of the
 * viewport and slides in whenever `count > 0`. Use it above any list/table
@@ -62,7 +62,6 @@ var BulkActionBar = ({ count, action, secondaryActions, onCancel, cancelLabel =
 		})
 	});
 };
-//#endregion
 exports.BulkActionBar = BulkActionBar;
 
 //# sourceMappingURL=BulkActionBar.cjs.map

package/dist/src/components/bulkActionBar/BulkActionBar.js

@@ -1,7 +1,7 @@
 import { Button } from "../button/Button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/bulkActionBar/BulkActionBar.tsx
+// src/components/bulkActionBar/BulkActionBar.tsx
 /**
 * Floating bulk-action toolbar. Renders fixed to the bottom-center of the
 * viewport and slides in whenever `count > 0`. Use it above any list/table
@@ -60,7 +60,6 @@ var BulkActionBar = ({ count, action, secondaryActions, onCancel, cancelLabel =
 		})
 	});
 };
-//#endregion
 export { BulkActionBar };
 
 //# sourceMappingURL=BulkActionBar.js.map

package/dist/src/components/button/Button.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/button/Button.tsx
+// src/components/button/Button.tsx
 var Button = ({ type, size, ghost, danger, shape, inline, className, ...props }) => {
 	const isXs = size === "xs";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Button, {
@@ -18,7 +18,6 @@ var Button = ({ type, size, ghost, danger, shape, inline, className, ...props })
 		children: props.children
 	});
 };
-//#endregion
 exports.Button = Button;
 
 //# sourceMappingURL=Button.cjs.map

package/dist/src/components/button/Button.js

@@ -2,7 +2,7 @@
 import { Button } from "antd";
 import { jsx } from "react/jsx-runtime";
 import cx from "classnames";
-//#region src/components/button/Button.tsx
+// src/components/button/Button.tsx
 var Button$1 = ({ type, size, ghost, danger, shape, inline, className, ...props }) => {
 	const isXs = size === "xs";
 	return /* @__PURE__ */ jsx(Button, {
@@ -16,7 +16,6 @@ var Button$1 = ({ type, size, ghost, danger, shape, inline, className, ...props
 		children: props.children
 	});
 };
-//#endregion
 export { Button$1 as Button };
 
 //# sourceMappingURL=Button.js.map

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

@@ -0,0 +1,35 @@
+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);
+// 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__ */ (0, react_jsx_runtime.jsxs)("div", {
+	className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center justify-between gap-4",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "min-w-0 leading-snug",
+			children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "mr-1.5 font-semibold text-j2-text",
+				children: title
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: title ? "text-j2-text-secondary" : void 0,
+				children
+			})]
+		}), extra && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex-shrink-0",
+			children: extra
+		})]
+	}), footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "mt-2",
+		children: footer
+	})]
+});
+exports.Callout = Callout;
+
+//# sourceMappingURL=Callout.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.cjs","names":["cx"],"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,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;CACE,YAAA,GAAWA,WAAAA,QAAAA,CACT,iGACA,SACF;CAJF,UAAA,CAME,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAU;IAAqC,UAAA;GAAY,CAAA,GAEnE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,WAAW,QAAQ,2BAA2B,KAAA;IACjD;GACG,CAAA,CACH;EACJ,CAAA,GAAA,SAAS,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAAiB,UAAA;EAAW,CAAA,CAClD;CACJ,CAAA,GAAA,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAQ,UAAA;CAAY,CAAA,CAC3C"}

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export type CalloutProps = {
+    /** The main line. */
+    children: ReactNode;
+    /** A short bold label before the main line. */
+    title?: ReactNode;
+    /** Right-aligned: a button, a link or a count. */
+    extra?: ReactNode;
+    /** Under the main line: tags, a list, a second line. */
+    footer?: ReactNode;
+    className?: string;
+};
+/**
+ * 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.
+ */
+export declare const Callout: ({ children, title, extra, footer, className, }: CalloutProps) => import('react').JSX.Element;