@j2-health/design-system 0.3.2 → 0.5.0

package/README.md

@@ -47,11 +47,9 @@ The package ships a prebuilt bundle plus type declarations, and expects the
 consuming app to provide the peer dependencies listed in `package.json` (react,
 antd, formik, highcharts, tailwindcss, ...).
 
-> **Tailwind v3 only.** The preset is a Tailwind 3 config. Installing Tailwind
-> without a version pin gets you v4, which does not satisfy the
-> `tailwindcss@^3.4.14` peer range — npm reports it as a warning and installs it
-> anyway, so the mismatch is easy to miss. Pin it:
-> `npm i -D tailwindcss@^3.4.14`.
+Tailwind 3.4 and Tailwind 4 are both supported. The package keeps its JavaScript
+preset so existing Tailwind 3 consumers do not need to migrate with the design
+system. Tailwind 4 consumers load the same preset explicitly with `@config`.
 
 Wire it up in three places:
 
@@ -69,21 +67,43 @@ Wire it up in three places:
    import '@j2-health/design-system/style.css'
    ```
 
+   With Tailwind 3, import the legacy stylesheet as the first statement in your
+   root stylesheet:
+
    ```css
-   /* your root stylesheet — processed by YOUR Tailwind/PostCSS build.
-      This @import must be the FIRST statement in the file: it carries an
-      @import of its own (the Rubik webfont), and CSS drops an @import that
-      follows other rules. */
    @import '@j2-health/design-system/stylesheets/index.css';
    ```
 
-   **This file is your Tailwind entry point.** It supplies `@tailwind base`,
+   **This file is your Tailwind 3 entry point.** It supplies `@tailwind base`,
    `@tailwind components`, and `@tailwind utilities` along with the design
    tokens and base element styles, so remove those directives from your own
    stylesheet — keeping both emits every Tailwind layer twice.
 
+   With Tailwind 4, install the separate PostCSS plugin:
+
+   ```bash
+   npm install --save-dev @tailwindcss/postcss
+   ```
+
+   Replace `tailwindcss: {}` with `'@tailwindcss/postcss': {}` in your PostCSS
+   config, then use the Tailwind 4 stylesheet entry and load your JavaScript
+   config explicitly:
+
+   ```css
+   @import '@j2-health/design-system/stylesheets/tailwind.css';
+   @config '../../tailwind.config.ts';
+   ```
+
+   Adjust the `@config` path relative to the stylesheet containing it. Tailwind
+   4 no longer discovers JavaScript config files automatically. The Tailwind 4
+   entry scans the package's compiled components and emits each Tailwind layer
+   once.
+
 3. **Tailwind** — use the preset and scan the package's compiled output so
-   utility classes used inside components are generated by your build:
+   utility classes used inside components are generated by your build. This
+   config works with Tailwind 3 and can be loaded by Tailwind 4 through the
+   `@config` directive above. Tailwind 4 scans the package from its stylesheet;
+   the package glob remains necessary for Tailwind 3:
 
    ```ts
    // tailwind.config.ts
@@ -107,29 +127,62 @@ the repo root; submodule consumers should alias `design-system` to that file
 explicitly, since the package.json `exports` map points at `dist/`, which only
 exists in the published package.
 
+### Migrating to 0.4.0 (Ant Design 6)
+
+Version 0.4.0 requires **antd ^6.6.3** and **@ant-design/icons ^6.3.4**. Upgrade
+both with the design system; Ant Design 5 is no longer supported. React 18.3.1
+and React 19 remain supported, and Tailwind stays on v3. Ant Design 6 requires
+modern browsers with CSS-variable support.
+
+```bash
+npm install @j2-health/design-system@^0.4.0 antd@^6.6.3 @ant-design/icons@^6.3.4
+```
+
+`formik-antd` is no longer a dependency: its published peer range excludes Ant
+Design 6. The design system's `Form`, `Form.Item`, `Input`, `InputNumber`, and
+`Select` now bind directly to Formik. Keep these components inside a `<Formik>`
+provider. Nested field names, validation, touched state, submission, reset, and
+field callbacks continue to use Formik.
+
+If your application imports `formik-antd` directly, migrate those imports before
+uninstalling it. Use the design-system exports for the components above; other
+controls need an explicit Formik binding. `Form.Item` validation should use
+Formik's `validate` or `validationSchema`, rather than antd's separate form
+store and `rules` API.
+
+Review direct antd imports and custom `.ant-*` CSS using the
+[Ant Design 6 migration guide](https://ant.design/docs/react/migration-v6).
+Several internal DOM classes changed. For types, derive step items from
+`NonNullable<StepsProps['items']>[number]` instead of the removed `StepProps`
+export. The design-system `Tag` retains its outlined default and trailing
+spacing; raw antd tags follow the new v6 defaults.
+
 ### Local development against a consuming app
 
-To work on a component and see it live in an app that depends on this package, point the
-app's bundler at this checkout's source rather than linking the built package. Consuming
-apps support this through a `DESIGN_SYSTEM_LOCAL` environment variable:
+To work on a component and see it live in an app that depends on this package,
+point the app's bundler at this checkout's source rather than linking the built
+package. Consuming apps support this through a `DESIGN_SYSTEM_LOCAL` environment
+variable:
 
 ```bash
 DESIGN_SYSTEM_LOCAL=/path/to/design-system npm run dev
 ```
 
-**Do not use `npm link` or `npm install ../design-system`.** This package declares 12 peer
-dependencies that are also devDependencies, because Storybook and the test suite need them
-to run. A linked install resolves those imports from this checkout's own `node_modules`
-rather than the app's, so the app ends up with two copies of React and two copies of antd.
+**Do not use `npm link` or `npm install ../design-system`.** This package
+declares peer dependencies that are also devDependencies, because Storybook and
+the test suite need them to run. A linked install resolves those imports from
+this checkout's own `node_modules` rather than the app's, so the app ends up
+with two copies of React and two copies of antd.
 
-Two copies of React raise `Invalid hook call`, which is at least obvious. Two copies of antd
-fail silently: `AppConfigProvider` supplies the theme through antd's `ConfigProvider`, a
-React context singleton, so a component resolved from the second copy reads an empty context
-and renders unthemed with no error and no warning. Because it only reproduces under a linked
-install, it looks like a bug in this library that disappears the moment you publish.
+Two copies of React raise `Invalid hook call`, which is at least obvious. Two
+copies of antd fail silently: `AppConfigProvider` supplies the theme through
+antd's `ConfigProvider`, a React context singleton, so a component resolved from
+the second copy reads an empty context and renders unthemed with no error and no
+warning. Because it only reproduces under a linked install, it looks like a bug
+in this library that disappears the moment you publish.
 
-Consuming apps must also set `resolve.dedupe` for `react`, `react-dom`, and `antd`, since a
-local checkout has its own `node_modules`.
+Consuming apps must also set `resolve.dedupe` for `react`, `react-dom`, and
+`antd`, since a local checkout has its own `node_modules`.
 
 ### Publishing to npm
 
@@ -144,9 +197,9 @@ consequences worth knowing before you change anything here:
 - **Renaming or moving `publish-workflow.yml` breaks publishing.** The trusted
   publisher is matched on the exact filename, case-sensitive. Update it on
   npmjs.com in the same change.
-- **Do not lower `.node-version` below 24.5.0.** Trusted publishing needs
-  npm >= 11.5.1, which is exactly what Node 24.5.0 ships. The workflow asserts
-  this rather than letting it surface later as an unexplained 401.
+- **Do not lower `.node-version` below 24.5.0.** Trusted publishing needs npm >=
+  11.5.1, which is exactly what Node 24.5.0 ships. The workflow asserts this
+  rather than letting it surface later as an unexplained 401.
 
 To release a new version — maintainers only, since step 2 needs write access to
 this repository:
@@ -160,7 +213,7 @@ $ gh workflow run publish-workflow.yml --ref main
 ```
 
 Or, in the UI, **Actions → Publish to npm → Run workflow** with `main` selected.
-Pick the ref carefully: the publish job is *skipped* rather than failed on any
+Pick the ref carefully: the publish job is _skipped_ rather than failed on any
 other ref, so a dispatch from a feature branch reports success without
 publishing.
 
@@ -176,8 +229,8 @@ nowhere to push to.
 Pushing a `v*` tag also triggers a release. Tag the remote `main` commit
 explicitly: a bare `git tag` tags your current `HEAD`, and the workflow accepts
 any tag ref, so a tag on an unmerged branch would publish that branch. Push the
-tag explicitly too — `git push --follow-tags` silently skips lightweight tags and
-would report success without publishing:
+tag explicitly too — `git push --follow-tags` silently skips lightweight tags
+and would report success without publishing:
 
 ```bash
 $ git fetch origin main

package/dist/index.cjs

@@ -22,6 +22,7 @@ const Input = require("./src/components/input/Input.cjs");
 const InputNumber = require("./src/components/inputnumber/InputNumber.cjs");
 const LegacyNavMenu = require("./src/components/legacyNavMenu/LegacyNavMenu.cjs");
 const ListPopover = require("./src/components/listpopover/ListPopover.cjs");
+const ManageColumnsPanel = require("./src/components/manageColumns/ManageColumnsPanel.cjs");
 const Menu = require("./src/components/menu/Menu.cjs");
 const Modal = require("./src/components/modal/Modal.cjs");
 const useFilterField = require("./src/components/filterform/useFilterField.cjs");
@@ -33,6 +34,7 @@ const Progress = require("./src/components/progress/Progress.cjs");
 const Radio = require("./src/components/radio/Radio.cjs");
 const Rate = require("./src/components/rate/Rate.cjs");
 const Select = require("./src/components/select/Select.cjs");
+const SelectAll = require("./src/components/manageColumns/SelectAll.cjs");
 const Skeleton = require("./src/components/skeleton/Skeleton.cjs");
 const Spinner = require("./src/components/spinner/Spinner.cjs");
 const Steps = require("./src/components/steps/Steps.cjs");
@@ -76,6 +78,7 @@ exports.Input = Input.Input;
 exports.InputNumber = InputNumber.InputNumber;
 exports.LegacyNavMenu = LegacyNavMenu.LegacyNavMenu;
 exports.ListPopover = ListPopover.ListPopover;
+exports.ManageColumnsPanel = ManageColumnsPanel.ManageColumnsPanel;
 exports.Menu = Menu.Menu;
 exports.Modal = Modal.Modal;
 exports.MultiValueTextOperatorOptions = useFilterField.MultiValueTextOperatorOptions;
@@ -90,6 +93,7 @@ exports.Radio = Radio.Radio;
 exports.RadioGroup = Radio.RadioGroup;
 exports.Rate = Rate.Rate;
 exports.Select = Select.Select;
+exports.SelectAll = SelectAll.SelectAll;
 exports.Skeleton = Skeleton.Skeleton;
 exports.Spinner = Spinner.Spinner;
 exports.Steps = Steps.Steps;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export * from './src/components/form/index.js';
 export * from './src/components/input/index.js';
 export * from './src/components/inputnumber/index.js';
 export * from './src/components/listpopover/index.js';
+export * from './src/components/manageColumns/index.js';
 export * from './src/components/menu/index.js';
 export * from './src/components/message/index.js';
 export * from './src/components/modal/index.js';

package/dist/index.js

@@ -20,6 +20,7 @@ import { Input } from "./src/components/input/Input.js";
 import { InputNumber } from "./src/components/inputnumber/InputNumber.js";
 import { LegacyNavMenu } from "./src/components/legacyNavMenu/LegacyNavMenu.js";
 import { ListPopover } from "./src/components/listpopover/ListPopover.js";
+import { ManageColumnsPanel } from "./src/components/manageColumns/ManageColumnsPanel.js";
 import { Menu } from "./src/components/menu/Menu.js";
 import { Modal } from "./src/components/modal/Modal.js";
 import { MultiValueTextOperatorOptions, operatorOptionsFor } from "./src/components/filterform/useFilterField.js";
@@ -31,6 +32,7 @@ import { Progress } from "./src/components/progress/Progress.js";
 import { Radio, RadioGroup } from "./src/components/radio/Radio.js";
 import { Rate } from "./src/components/rate/Rate.js";
 import { Select } from "./src/components/select/Select.js";
+import { SelectAll } from "./src/components/manageColumns/SelectAll.js";
 import { Skeleton } from "./src/components/skeleton/Skeleton.js";
 import { Spinner } from "./src/components/spinner/Spinner.js";
 import { Steps } from "./src/components/steps/Steps.js";
@@ -72,6 +74,7 @@ export {
   InputNumber,
   LegacyNavMenu,
   ListPopover,
+  ManageColumnsPanel,
   Menu,
   Modal,
   MultiValueTextOperatorOptions,
@@ -84,6 +87,7 @@ export {
   RadioGroup,
   Rate,
   Select,
+  SelectAll,
   Skeleton,
   Spinner,
   Steps,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -28,6 +28,12 @@ const Alert = ({
   closable = false,
   showIcon = true,
   banner = false,
+  message,
+  title,
+  closeIcon,
+  closeText,
+  onClose,
+  afterClose,
   ...props
 }) => {
   const { token } = antd.theme.useToken();
@@ -81,12 +87,16 @@ const Alert = ({
     {
       className: Alert_module.default.alert,
       icon,
-      closable,
+      closable: closable || closeText ? {
+        closeIcon: closeText || (closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { size: token.size, weight: "regular" })),
+        onClose,
+        afterClose
+      } : false,
       showIcon,
       type: antDType,
       banner,
       description,
-      closeIcon: /* @__PURE__ */ jsxRuntime.jsx(react.XIcon, { size: token.size, weight: "regular" }),
+      title: title ?? message,
       ...props
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Alert as AntdAlert, AlertProps, theme } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n  CircleNotchIcon,\n} from '@phosphor-icons/react'\nimport styles from './Alert.module.css'\ntype Props = Expand<Omit<AlertProps, 'type'>> & {\n  description?: string\n  type: 'success' | 'info' | 'warning' | 'error' | 'loading'\n  closable?: boolean\n  showIcon?: boolean\n  banner?: boolean\n}\n\nconst Alert = ({\n  description,\n  type,\n  closable = false,\n  showIcon = true,\n  banner = false,\n  ...props\n}: Props) => {\n  const { token } = theme.useToken()\n  const icon = React.useMemo(() => {\n    const size = description ? token.sizeLG : token.size\n    const iconStyle = !description\n      ? { display: 'flex', alignItems: 'center' }\n      : undefined\n\n    const iconElement = (() => {\n      switch (type) {\n        case 'success':\n          return (\n            <CheckCircleIcon fill=\"var(--j2-color-success-text)\" size={size} />\n          )\n        case 'error':\n          return <XCircleIcon fill=\"var(--j2-color-error-text)\" size={size} />\n        case 'info':\n          return <InfoIcon fill=\"var(--j2-color-info-text)\" size={size} />\n        case 'warning':\n          return (\n            <WarningCircleIcon\n              fill=\"var(--j2-color-warning-text)\"\n              size={size}\n            />\n          )\n        case 'loading':\n          return (\n            <CircleNotchIcon\n              fill=\"var(--j2-color-info-text)\"\n              size={size}\n              weight=\"regular\"\n              style={{\n                animation: 'spin 1s linear infinite',\n              }}\n            />\n          )\n        default:\n          return null\n      }\n    })()\n\n    return iconStyle ? (\n      <span style={iconStyle}>{iconElement}</span>\n    ) : (\n      iconElement\n    )\n  }, [type, description, token.size, token.sizeLG])\n\n  const antDType = React.useMemo(():\n    'success' | 'info' | 'warning' | 'error' => {\n    switch (type) {\n      case 'loading':\n        return 'info'\n      default:\n        return type as 'success' | 'info' | 'warning' | 'error'\n    }\n  }, [type])\n\n  return (\n    <AntdAlert\n      className={styles.alert}\n      icon={icon}\n      closable={closable}\n      showIcon={showIcon}\n      type={antDType}\n      banner={banner}\n      description={description}\n      closeIcon={<XIcon size={token.size} weight=\"regular\" />}\n      {...props}\n    />\n  )\n}\n\nexport { Alert }\n"],"names":["theme","React","jsx","CheckCircleIcon","XCircleIcon","InfoIcon","WarningCircleIcon","CircleNotchIcon","AntdAlert","styles","XIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,GAAG;AACL,MAAa;AACX,QAAM,EAAE,MAAA,IAAUA,KAAAA,MAAM,SAAA;AACxB,QAAM,OAAOC,iBAAM,QAAQ,MAAM;AAC/B,UAAM,OAAO,cAAc,MAAM,SAAS,MAAM;AAChD,UAAM,YAAY,CAAC,cACf,EAAE,SAAS,QAAQ,YAAY,aAC/B;AAEJ,UAAM,eAAe,MAAM;AACzB,cAAQ,MAAA;AAAA,QACN,KAAK;AACH,iBACEC,2BAAAA,IAACC,MAAAA,iBAAA,EAAgB,MAAK,gCAA+B,KAAA,CAAY;AAAA,QAErE,KAAK;AACH,iBAAOD,2BAAAA,IAACE,MAAAA,aAAA,EAAY,MAAK,8BAA6B,KAAA,CAAY;AAAA,QACpE,KAAK;AACH,iBAAOF,2BAAAA,IAACG,MAAAA,UAAA,EAAS,MAAK,6BAA4B,KAAA,CAAY;AAAA,QAChE,KAAK;AACH,iBACEH,2BAAAA;AAAAA,YAACI,MAAAA;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,YAAA;AAAA,UAAA;AAAA,QAGN,KAAK;AACH,iBACEJ,2BAAAA;AAAAA,YAACK,MAAAA;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,cACA,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAGN;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,GAAA;AAEA,WAAO,YACLL,+BAAC,QAAA,EAAK,OAAO,WAAY,uBAAY,IAErC;AAAA,EAEJ,GAAG,CAAC,MAAM,aAAa,MAAM,MAAM,MAAM,MAAM,CAAC;AAEhD,QAAM,WAAWD,iBAAM,QAAQ,MACe;AAC5C,YAAQ,MAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAAC,IAAI,CAAC;AAET,SACEC,2BAAAA;AAAAA,IAACM,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAWC,aAAAA,QAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,WAAWP,2BAAAA,IAACQ,MAAAA,OAAA,EAAM,MAAM,MAAM,MAAM,QAAO,WAAU;AAAA,MACpD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;"}
+{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Alert as AntdAlert, AlertProps, theme } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n  CircleNotchIcon,\n} from '@phosphor-icons/react'\nimport styles from './Alert.module.css'\ntype Props = Expand<Omit<AlertProps, 'type'>> & {\n  description?: string\n  type: 'success' | 'info' | 'warning' | 'error' | 'loading'\n  closable?: boolean\n  showIcon?: boolean\n  banner?: boolean\n}\n\nconst Alert = ({\n  description,\n  type,\n  closable = false,\n  showIcon = true,\n  banner = false,\n  message,\n  title,\n  closeIcon,\n  closeText,\n  onClose,\n  afterClose,\n  ...props\n}: Props) => {\n  const { token } = theme.useToken()\n  const icon = React.useMemo(() => {\n    const size = description ? token.sizeLG : token.size\n    const iconStyle = !description\n      ? { display: 'flex', alignItems: 'center' }\n      : undefined\n\n    const iconElement = (() => {\n      switch (type) {\n        case 'success':\n          return (\n            <CheckCircleIcon fill=\"var(--j2-color-success-text)\" size={size} />\n          )\n        case 'error':\n          return <XCircleIcon fill=\"var(--j2-color-error-text)\" size={size} />\n        case 'info':\n          return <InfoIcon fill=\"var(--j2-color-info-text)\" size={size} />\n        case 'warning':\n          return (\n            <WarningCircleIcon\n              fill=\"var(--j2-color-warning-text)\"\n              size={size}\n            />\n          )\n        case 'loading':\n          return (\n            <CircleNotchIcon\n              fill=\"var(--j2-color-info-text)\"\n              size={size}\n              weight=\"regular\"\n              style={{\n                animation: 'spin 1s linear infinite',\n              }}\n            />\n          )\n        default:\n          return null\n      }\n    })()\n\n    return iconStyle ? (\n      <span style={iconStyle}>{iconElement}</span>\n    ) : (\n      iconElement\n    )\n  }, [type, description, token.size, token.sizeLG])\n\n  const antDType = React.useMemo(():\n    'success' | 'info' | 'warning' | 'error' => {\n    switch (type) {\n      case 'loading':\n        return 'info'\n      default:\n        return type as 'success' | 'info' | 'warning' | 'error'\n    }\n  }, [type])\n\n  return (\n    <AntdAlert\n      className={styles.alert}\n      icon={icon}\n      closable={\n        closable || closeText\n          ? {\n              closeIcon:\n                closeText ||\n                (closeIcon ?? <XIcon size={token.size} weight=\"regular\" />),\n              onClose,\n              afterClose,\n            }\n          : false\n      }\n      showIcon={showIcon}\n      type={antDType}\n      banner={banner}\n      description={description}\n      title={title ?? message}\n      {...props}\n    />\n  )\n}\n\nexport { Alert }\n"],"names":["theme","React","jsx","CheckCircleIcon","XCircleIcon","InfoIcon","WarningCircleIcon","CircleNotchIcon","AntdAlert","styles","XIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,EAAE,MAAA,IAAUA,KAAAA,MAAM,SAAA;AACxB,QAAM,OAAOC,iBAAM,QAAQ,MAAM;AAC/B,UAAM,OAAO,cAAc,MAAM,SAAS,MAAM;AAChD,UAAM,YAAY,CAAC,cACf,EAAE,SAAS,QAAQ,YAAY,aAC/B;AAEJ,UAAM,eAAe,MAAM;AACzB,cAAQ,MAAA;AAAA,QACN,KAAK;AACH,iBACEC,2BAAAA,IAACC,MAAAA,iBAAA,EAAgB,MAAK,gCAA+B,KAAA,CAAY;AAAA,QAErE,KAAK;AACH,iBAAOD,2BAAAA,IAACE,MAAAA,aAAA,EAAY,MAAK,8BAA6B,KAAA,CAAY;AAAA,QACpE,KAAK;AACH,iBAAOF,2BAAAA,IAACG,MAAAA,UAAA,EAAS,MAAK,6BAA4B,KAAA,CAAY;AAAA,QAChE,KAAK;AACH,iBACEH,2BAAAA;AAAAA,YAACI,MAAAA;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,YAAA;AAAA,UAAA;AAAA,QAGN,KAAK;AACH,iBACEJ,2BAAAA;AAAAA,YAACK,MAAAA;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,cACA,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAGN;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,GAAA;AAEA,WAAO,YACLL,+BAAC,QAAA,EAAK,OAAO,WAAY,uBAAY,IAErC;AAAA,EAEJ,GAAG,CAAC,MAAM,aAAa,MAAM,MAAM,MAAM,MAAM,CAAC;AAEhD,QAAM,WAAWD,iBAAM,QAAQ,MACe;AAC5C,YAAQ,MAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAAC,IAAI,CAAC;AAET,SACEC,2BAAAA;AAAAA,IAACM,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAWC,aAAAA,QAAO;AAAA,MAClB;AAAA,MACA,UACE,YAAY,YACR;AAAA,QACE,WACE,cACC,aAAaP,2BAAAA,IAACQ,MAAAA,SAAM,MAAM,MAAM,MAAM,QAAO,UAAA,CAAU;AAAA,QAC1D;AAAA,QACA;AAAA,MAAA,IAEF;AAAA,MAEN;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;;"}

package/dist/src/components/alert/Alert.d.ts

@@ -7,5 +7,5 @@ type Props = Expand<Omit<AlertProps, 'type'>> & {
     showIcon?: boolean;
     banner?: boolean;
 };
-declare const Alert: ({ description, type, closable, showIcon, banner, ...props }: Props) => React.JSX.Element;
+declare const Alert: ({ description, type, closable, showIcon, banner, message, title, closeIcon, closeText, onClose, afterClose, ...props }: Props) => React.JSX.Element;
 export { Alert };

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

@@ -9,6 +9,12 @@ const Alert = ({
   closable = false,
   showIcon = true,
   banner = false,
+  message,
+  title,
+  closeIcon,
+  closeText,
+  onClose,
+  afterClose,
   ...props
 }) => {
   const { token } = theme.useToken();
@@ -62,12 +68,16 @@ const Alert = ({
     {
       className: styles.alert,
       icon,
-      closable,
+      closable: closable || closeText ? {
+        closeIcon: closeText || (closeIcon ?? /* @__PURE__ */ jsx(XIcon, { size: token.size, weight: "regular" })),
+        onClose,
+        afterClose
+      } : false,
       showIcon,
       type: antDType,
       banner,
       description,
-      closeIcon: /* @__PURE__ */ jsx(XIcon, { size: token.size, weight: "regular" }),
+      title: title ?? message,
       ...props
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Alert as AntdAlert, AlertProps, theme } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n  CircleNotchIcon,\n} from '@phosphor-icons/react'\nimport styles from './Alert.module.css'\ntype Props = Expand<Omit<AlertProps, 'type'>> & {\n  description?: string\n  type: 'success' | 'info' | 'warning' | 'error' | 'loading'\n  closable?: boolean\n  showIcon?: boolean\n  banner?: boolean\n}\n\nconst Alert = ({\n  description,\n  type,\n  closable = false,\n  showIcon = true,\n  banner = false,\n  ...props\n}: Props) => {\n  const { token } = theme.useToken()\n  const icon = React.useMemo(() => {\n    const size = description ? token.sizeLG : token.size\n    const iconStyle = !description\n      ? { display: 'flex', alignItems: 'center' }\n      : undefined\n\n    const iconElement = (() => {\n      switch (type) {\n        case 'success':\n          return (\n            <CheckCircleIcon fill=\"var(--j2-color-success-text)\" size={size} />\n          )\n        case 'error':\n          return <XCircleIcon fill=\"var(--j2-color-error-text)\" size={size} />\n        case 'info':\n          return <InfoIcon fill=\"var(--j2-color-info-text)\" size={size} />\n        case 'warning':\n          return (\n            <WarningCircleIcon\n              fill=\"var(--j2-color-warning-text)\"\n              size={size}\n            />\n          )\n        case 'loading':\n          return (\n            <CircleNotchIcon\n              fill=\"var(--j2-color-info-text)\"\n              size={size}\n              weight=\"regular\"\n              style={{\n                animation: 'spin 1s linear infinite',\n              }}\n            />\n          )\n        default:\n          return null\n      }\n    })()\n\n    return iconStyle ? (\n      <span style={iconStyle}>{iconElement}</span>\n    ) : (\n      iconElement\n    )\n  }, [type, description, token.size, token.sizeLG])\n\n  const antDType = React.useMemo(():\n    'success' | 'info' | 'warning' | 'error' => {\n    switch (type) {\n      case 'loading':\n        return 'info'\n      default:\n        return type as 'success' | 'info' | 'warning' | 'error'\n    }\n  }, [type])\n\n  return (\n    <AntdAlert\n      className={styles.alert}\n      icon={icon}\n      closable={closable}\n      showIcon={showIcon}\n      type={antDType}\n      banner={banner}\n      description={description}\n      closeIcon={<XIcon size={token.size} weight=\"regular\" />}\n      {...props}\n    />\n  )\n}\n\nexport { Alert }\n"],"names":["AntdAlert"],"mappings":";;;;;AAmBA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,GAAG;AACL,MAAa;AACX,QAAM,EAAE,MAAA,IAAU,MAAM,SAAA;AACxB,QAAM,OAAO,MAAM,QAAQ,MAAM;AAC/B,UAAM,OAAO,cAAc,MAAM,SAAS,MAAM;AAChD,UAAM,YAAY,CAAC,cACf,EAAE,SAAS,QAAQ,YAAY,aAC/B;AAEJ,UAAM,eAAe,MAAM;AACzB,cAAQ,MAAA;AAAA,QACN,KAAK;AACH,iBACE,oBAAC,iBAAA,EAAgB,MAAK,gCAA+B,KAAA,CAAY;AAAA,QAErE,KAAK;AACH,iBAAO,oBAAC,aAAA,EAAY,MAAK,8BAA6B,KAAA,CAAY;AAAA,QACpE,KAAK;AACH,iBAAO,oBAAC,UAAA,EAAS,MAAK,6BAA4B,KAAA,CAAY;AAAA,QAChE,KAAK;AACH,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,YAAA;AAAA,UAAA;AAAA,QAGN,KAAK;AACH,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,cACA,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAGN;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,GAAA;AAEA,WAAO,YACL,oBAAC,QAAA,EAAK,OAAO,WAAY,uBAAY,IAErC;AAAA,EAEJ,GAAG,CAAC,MAAM,aAAa,MAAM,MAAM,MAAM,MAAM,CAAC;AAEhD,QAAM,WAAW,MAAM,QAAQ,MACe;AAC5C,YAAQ,MAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAAC,IAAI,CAAC;AAET,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,WAAW,oBAAC,OAAA,EAAM,MAAM,MAAM,MAAM,QAAO,WAAU;AAAA,MACpD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Alert as AntdAlert, AlertProps, theme } from 'antd'\nimport {\n  CheckCircleIcon,\n  InfoIcon,\n  WarningCircleIcon,\n  XIcon,\n  XCircleIcon,\n  CircleNotchIcon,\n} from '@phosphor-icons/react'\nimport styles from './Alert.module.css'\ntype Props = Expand<Omit<AlertProps, 'type'>> & {\n  description?: string\n  type: 'success' | 'info' | 'warning' | 'error' | 'loading'\n  closable?: boolean\n  showIcon?: boolean\n  banner?: boolean\n}\n\nconst Alert = ({\n  description,\n  type,\n  closable = false,\n  showIcon = true,\n  banner = false,\n  message,\n  title,\n  closeIcon,\n  closeText,\n  onClose,\n  afterClose,\n  ...props\n}: Props) => {\n  const { token } = theme.useToken()\n  const icon = React.useMemo(() => {\n    const size = description ? token.sizeLG : token.size\n    const iconStyle = !description\n      ? { display: 'flex', alignItems: 'center' }\n      : undefined\n\n    const iconElement = (() => {\n      switch (type) {\n        case 'success':\n          return (\n            <CheckCircleIcon fill=\"var(--j2-color-success-text)\" size={size} />\n          )\n        case 'error':\n          return <XCircleIcon fill=\"var(--j2-color-error-text)\" size={size} />\n        case 'info':\n          return <InfoIcon fill=\"var(--j2-color-info-text)\" size={size} />\n        case 'warning':\n          return (\n            <WarningCircleIcon\n              fill=\"var(--j2-color-warning-text)\"\n              size={size}\n            />\n          )\n        case 'loading':\n          return (\n            <CircleNotchIcon\n              fill=\"var(--j2-color-info-text)\"\n              size={size}\n              weight=\"regular\"\n              style={{\n                animation: 'spin 1s linear infinite',\n              }}\n            />\n          )\n        default:\n          return null\n      }\n    })()\n\n    return iconStyle ? (\n      <span style={iconStyle}>{iconElement}</span>\n    ) : (\n      iconElement\n    )\n  }, [type, description, token.size, token.sizeLG])\n\n  const antDType = React.useMemo(():\n    'success' | 'info' | 'warning' | 'error' => {\n    switch (type) {\n      case 'loading':\n        return 'info'\n      default:\n        return type as 'success' | 'info' | 'warning' | 'error'\n    }\n  }, [type])\n\n  return (\n    <AntdAlert\n      className={styles.alert}\n      icon={icon}\n      closable={\n        closable || closeText\n          ? {\n              closeIcon:\n                closeText ||\n                (closeIcon ?? <XIcon size={token.size} weight=\"regular\" />),\n              onClose,\n              afterClose,\n            }\n          : false\n      }\n      showIcon={showIcon}\n      type={antDType}\n      banner={banner}\n      description={description}\n      title={title ?? message}\n      {...props}\n    />\n  )\n}\n\nexport { Alert }\n"],"names":["AntdAlert"],"mappings":";;;;;AAmBA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,EAAE,MAAA,IAAU,MAAM,SAAA;AACxB,QAAM,OAAO,MAAM,QAAQ,MAAM;AAC/B,UAAM,OAAO,cAAc,MAAM,SAAS,MAAM;AAChD,UAAM,YAAY,CAAC,cACf,EAAE,SAAS,QAAQ,YAAY,aAC/B;AAEJ,UAAM,eAAe,MAAM;AACzB,cAAQ,MAAA;AAAA,QACN,KAAK;AACH,iBACE,oBAAC,iBAAA,EAAgB,MAAK,gCAA+B,KAAA,CAAY;AAAA,QAErE,KAAK;AACH,iBAAO,oBAAC,aAAA,EAAY,MAAK,8BAA6B,KAAA,CAAY;AAAA,QACpE,KAAK;AACH,iBAAO,oBAAC,UAAA,EAAS,MAAK,6BAA4B,KAAA,CAAY;AAAA,QAChE,KAAK;AACH,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,YAAA;AAAA,UAAA;AAAA,QAGN,KAAK;AACH,iBACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL;AAAA,cACA,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,QAGN;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,GAAA;AAEA,WAAO,YACL,oBAAC,QAAA,EAAK,OAAO,WAAY,uBAAY,IAErC;AAAA,EAEJ,GAAG,CAAC,MAAM,aAAa,MAAM,MAAM,MAAM,MAAM,CAAC;AAEhD,QAAM,WAAW,MAAM,QAAQ,MACe;AAC5C,YAAQ,MAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAAG,CAAC,IAAI,CAAC;AAET,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB;AAAA,MACA,UACE,YAAY,YACR;AAAA,QACE,WACE,cACC,aAAa,oBAAC,SAAM,MAAM,MAAM,MAAM,QAAO,UAAA,CAAU;AAAA,QAC1D;AAAA,QACA;AAAA,MAAA,IAEF;AAAA,MAEN;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const alert = "_alert_1yhxg_2";
+const alert = "_alert_iflcw_2";
 const styles = {
   alert
 };

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

@@ -1,4 +1,4 @@
-const alert = "_alert_1yhxg_2";
+const alert = "_alert_iflcw_2";
 const styles = {
   alert
 };

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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const antd = require("antd");
 const react = require("@highcharts/react");
-require("@highcharts/react/options/Accessibility.js");
-require("@highcharts/react/options/Exporting.js");
+require("@highcharts/react/modules/Accessibility.js");
+require("@highcharts/react/modules/Exporting.js");
 const chart_module = require("./chart.module.css.cjs");
 const server = require("react-dom/server");
 const BarChart = ({

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

@@ -1 +1 @@
-{"version":3,"file":"BarChart.cjs","sources":["../../../../src/components/barchart/BarChart.tsx"],"sourcesContent":["import { theme } from 'antd'\nimport type * as Highcharts from 'highcharts'\nimport {\n  Chart as HighchartsReact,\n  type HighchartsReactRefObject,\n} from '@highcharts/react'\nimport '@highcharts/react/options/Accessibility.js'\nimport '@highcharts/react/options/Exporting.js'\nimport styles from './chart.module.css'\nimport { renderToString } from 'react-dom/server'\n\ntype Series = {\n  name?: string\n  data: Highcharts.PointOptionsObject[] | number[]\n  color?: string\n  hoverColor?: string\n}\n\ntype BarChartProps = {\n  categories: string[]\n  series: Series[]\n  min: number\n  max: number | undefined | null\n  tickInterval: number | undefined\n  tickFormat?: (value: number) => string\n  xAxisTitle?: string\n  yAxisTitle?: string\n  gridLineColor?: string\n  gridLineDashStyle?: Highcharts.DashStyleValue\n  xAxisLabelMaxLines?: number\n  tooltip: (\n    category: string | number | undefined,\n    value: number | null | undefined,\n    seriesName: string | undefined\n  ) => React.ReactNode\n  chartRef?: React.RefObject<HighchartsReactRefObject>\n  exporting?: Highcharts.ExportingOptions\n  maxBars?: number\n  barsWidth?: number\n  height?: number\n  width?: number\n}\n\nconst BarChart = ({\n  categories,\n  series,\n  min,\n  max,\n  tickInterval,\n  tickFormat,\n  xAxisTitle,\n  yAxisTitle,\n  gridLineColor,\n  gridLineDashStyle,\n  xAxisLabelMaxLines,\n  tooltip,\n  exporting,\n  chartRef,\n  height,\n  width,\n  maxBars = 50,\n  barsWidth = undefined,\n}: BarChartProps) => {\n  const limitedCategories = categories.slice(0, maxBars)\n  const limitedSeries = series.map((s) => ({\n    ...s,\n    data: s.data.slice(0, maxBars),\n  }))\n\n  const { token } = theme.useToken()\n\n  const baseFont: Highcharts.CSSObject = {\n    fontSize: `${token.fontSize}px`,\n    fontFamily: token.fontFamily,\n    color: token.colorText,\n  }\n\n  const options: Highcharts.Options = {\n    credits: {\n      enabled: false,\n    },\n    chart: {\n      type: 'column',\n      ...(height ? { height } : {}),\n      ...(width ? { width } : {}),\n    },\n    plotOptions: {\n      column: {\n        borderRadius: series[0].data.length > 5 ? '20%' : '15%',\n        ...(barsWidth !== undefined ? { pointWidth: barsWidth } : {}),\n      },\n    },\n    exporting: {\n      ...exporting,\n      enabled: false,\n      chartOptions: {\n        ...exporting?.chartOptions,\n        title: {\n          align: 'left',\n          text: exporting?.chartOptions?.title?.text,\n          style: {\n            fontSize: `${token.fontSize}px`,\n            fontFamily: 'sans-serif',\n            color: token.colorText,\n            ...exporting?.chartOptions?.title?.style,\n          },\n        },\n        series: limitedSeries.map((s) => ({\n          type: 'column',\n          color: s.color ? s.color : '#253761', // --j2-blue-9\n        })),\n        legend: exporting?.chartOptions?.legend || { enabled: false },\n      },\n    },\n    title: {\n      text: '',\n    },\n    xAxis: {\n      categories: limitedCategories,\n      title: xAxisTitle\n        ? {\n            text: xAxisTitle,\n            style: { ...baseFont, color: token.colorTextDescription },\n          }\n        : undefined,\n      labels: {\n        y: 30,\n        style: baseFont,\n        ...(xAxisLabelMaxLines\n          ? {\n              useHTML: true,\n              formatter: function (\n                this: Highcharts.AxisLabelsFormatterContextObject\n              ) {\n                return `<div style=\"overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: ${xAxisLabelMaxLines}; -webkit-box-orient: vertical; text-align: center;\">${this.value}</div>`\n              },\n            }\n          : {}),\n      },\n    },\n    yAxis: {\n      min: min,\n      max: max,\n      endOnTick: true,\n      gridLineDashStyle: gridLineDashStyle || 'Dot',\n      gridLineColor: gridLineColor || 'white',\n      title: yAxisTitle\n        ? {\n            text: yAxisTitle,\n            style: { ...baseFont, color: token.colorTextDescription },\n            x: -10,\n          }\n        : undefined,\n      tickInterval: tickInterval,\n      labels: {\n        formatter: tickFormat\n          ? ({ value }) => tickFormat(value as number)\n          : undefined,\n        style: baseFont,\n      },\n    },\n    legend: {\n      enabled: false,\n    },\n    series: limitedSeries.map((s) => ({\n      data: s.data,\n      name: s.name,\n      type: 'column',\n      color: s.color || 'var(--j2-blue-11)',\n      states: {\n        hover: {\n          color: s.hoverColor || token.colorPrimaryTextHover,\n        },\n      },\n    })),\n    tooltip: {\n      useHTML: true,\n      outside: true,\n      backgroundColor: 'transparent',\n      shadow: false,\n      padding: 0,\n      style: { zIndex: 9999 },\n      formatter: function (this) {\n        return renderToString(\n          <div className={styles.tooltip}>\n            {tooltip(this.key, this.y, this.series.name)}\n          </div>\n        )\n      },\n    },\n  }\n\n  return (\n    <HighchartsReact\n      ref={chartRef}\n      options={options}\n      containerProps={{ className: 'highcharts-light' }}\n    />\n  )\n}\n\nexport { BarChart }\n"],"names":["theme","renderToString","jsx","styles","HighchartsReact"],"mappings":"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"}
+{"version":3,"file":"BarChart.cjs","sources":["../../../../src/components/barchart/BarChart.tsx"],"sourcesContent":["import { theme } from 'antd'\nimport type * as Highcharts from 'highcharts'\nimport {\n  Chart as HighchartsReact,\n  type HighchartsReactRefObject,\n} from '@highcharts/react'\n// `modules/`, not `options/`. @highcharts/react 5 moved the module entry\n// points and left the old `options/` files in the package still importing\n// `highcharts/esm/…`, while the Chart component now loads\n// `highcharts/es-modules/masters/…`. Those are two different Highcharts\n// instances, so the old path composes the module onto one the chart never\n// uses: no error, no missing export, the module just stops taking effect.\nimport '@highcharts/react/modules/Accessibility.js'\nimport '@highcharts/react/modules/Exporting.js'\nimport styles from './chart.module.css'\nimport { renderToString } from 'react-dom/server'\n\ntype Series = {\n  name?: string\n  data: Highcharts.PointOptionsObject[] | number[]\n  color?: string\n  hoverColor?: string\n}\n\ntype BarChartProps = {\n  categories: string[]\n  series: Series[]\n  min: number\n  max: number | undefined | null\n  tickInterval: number | undefined\n  tickFormat?: (value: number) => string\n  xAxisTitle?: string\n  yAxisTitle?: string\n  gridLineColor?: string\n  gridLineDashStyle?: Highcharts.DashStyleValue\n  xAxisLabelMaxLines?: number\n  tooltip: (\n    category: string | number | undefined,\n    value: number | null | undefined,\n    seriesName: string | undefined\n  ) => React.ReactNode\n  chartRef?: React.RefObject<HighchartsReactRefObject>\n  exporting?: Highcharts.ExportingOptions\n  maxBars?: number\n  barsWidth?: number\n  height?: number\n  width?: number\n}\n\nconst BarChart = ({\n  categories,\n  series,\n  min,\n  max,\n  tickInterval,\n  tickFormat,\n  xAxisTitle,\n  yAxisTitle,\n  gridLineColor,\n  gridLineDashStyle,\n  xAxisLabelMaxLines,\n  tooltip,\n  exporting,\n  chartRef,\n  height,\n  width,\n  maxBars = 50,\n  barsWidth = undefined,\n}: BarChartProps) => {\n  const limitedCategories = categories.slice(0, maxBars)\n  const limitedSeries = series.map((s) => ({\n    ...s,\n    data: s.data.slice(0, maxBars),\n  }))\n\n  const { token } = theme.useToken()\n\n  const baseFont: Highcharts.CSSObject = {\n    fontSize: `${token.fontSize}px`,\n    fontFamily: token.fontFamily,\n    color: token.colorText,\n  }\n\n  const options: Highcharts.Options = {\n    credits: {\n      enabled: false,\n    },\n    chart: {\n      type: 'column',\n      ...(height ? { height } : {}),\n      ...(width ? { width } : {}),\n    },\n    plotOptions: {\n      column: {\n        borderRadius: series[0].data.length > 5 ? '20%' : '15%',\n        ...(barsWidth !== undefined ? { pointWidth: barsWidth } : {}),\n      },\n    },\n    exporting: {\n      ...exporting,\n      enabled: false,\n      chartOptions: {\n        ...exporting?.chartOptions,\n        title: {\n          align: 'left',\n          text: exporting?.chartOptions?.title?.text,\n          style: {\n            fontSize: `${token.fontSize}px`,\n            fontFamily: 'sans-serif',\n            color: token.colorText,\n            ...exporting?.chartOptions?.title?.style,\n          },\n        },\n        series: limitedSeries.map((s) => ({\n          type: 'column',\n          color: s.color ? s.color : '#253761', // --j2-blue-9\n        })),\n        legend: exporting?.chartOptions?.legend || { enabled: false },\n      },\n    },\n    title: {\n      text: '',\n    },\n    xAxis: {\n      categories: limitedCategories,\n      title: xAxisTitle\n        ? {\n            text: xAxisTitle,\n            style: { ...baseFont, color: token.colorTextDescription },\n          }\n        : undefined,\n      labels: {\n        y: 30,\n        style: baseFont,\n        ...(xAxisLabelMaxLines\n          ? {\n              useHTML: true,\n              formatter: function (\n                this: Highcharts.AxisLabelsFormatterContextObject\n              ) {\n                return `<div style=\"overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: ${xAxisLabelMaxLines}; -webkit-box-orient: vertical; text-align: center;\">${this.value}</div>`\n              },\n            }\n          : {}),\n      },\n    },\n    yAxis: {\n      min: min,\n      max: max,\n      endOnTick: true,\n      gridLineDashStyle: gridLineDashStyle || 'Dot',\n      gridLineColor: gridLineColor || 'white',\n      title: yAxisTitle\n        ? {\n            text: yAxisTitle,\n            style: { ...baseFont, color: token.colorTextDescription },\n            x: -10,\n          }\n        : undefined,\n      tickInterval: tickInterval,\n      labels: {\n        formatter: tickFormat\n          ? ({ value }) => tickFormat(value as number)\n          : undefined,\n        style: baseFont,\n      },\n    },\n    legend: {\n      enabled: false,\n    },\n    series: limitedSeries.map((s) => ({\n      data: s.data,\n      name: s.name,\n      type: 'column',\n      color: s.color || 'var(--j2-blue-11)',\n      states: {\n        hover: {\n          color: s.hoverColor || token.colorPrimaryTextHover,\n        },\n      },\n    })),\n    tooltip: {\n      useHTML: true,\n      outside: true,\n      backgroundColor: 'transparent',\n      shadow: false,\n      padding: 0,\n      style: { zIndex: 9999 },\n      formatter: function (this) {\n        return renderToString(\n          <div className={styles.tooltip}>\n            {tooltip(this.key, this.y, this.series.name)}\n          </div>\n        )\n      },\n    },\n  }\n\n  return (\n    <HighchartsReact\n      ref={chartRef}\n      options={options}\n      containerProps={{ className: 'highcharts-light' }}\n    />\n  )\n}\n\nexport { BarChart }\n"],"names":["theme","renderToString","jsx","styles","HighchartsReact"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { theme } from "antd";
 import { Chart } from "@highcharts/react";
-import "@highcharts/react/options/Accessibility.js";
-import "@highcharts/react/options/Exporting.js";
+import "@highcharts/react/modules/Accessibility.js";
+import "@highcharts/react/modules/Exporting.js";
 import styles from "./chart.module.css.js";
 import { renderToString } from "react-dom/server";
 const BarChart = ({

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

@@ -1 +1 @@
-{"version":3,"file":"BarChart.js","sources":["../../../../src/components/barchart/BarChart.tsx"],"sourcesContent":["import { theme } from 'antd'\nimport type * as Highcharts from 'highcharts'\nimport {\n  Chart as HighchartsReact,\n  type HighchartsReactRefObject,\n} from '@highcharts/react'\nimport '@highcharts/react/options/Accessibility.js'\nimport '@highcharts/react/options/Exporting.js'\nimport styles from './chart.module.css'\nimport { renderToString } from 'react-dom/server'\n\ntype Series = {\n  name?: string\n  data: Highcharts.PointOptionsObject[] | number[]\n  color?: string\n  hoverColor?: string\n}\n\ntype BarChartProps = {\n  categories: string[]\n  series: Series[]\n  min: number\n  max: number | undefined | null\n  tickInterval: number | undefined\n  tickFormat?: (value: number) => string\n  xAxisTitle?: string\n  yAxisTitle?: string\n  gridLineColor?: string\n  gridLineDashStyle?: Highcharts.DashStyleValue\n  xAxisLabelMaxLines?: number\n  tooltip: (\n    category: string | number | undefined,\n    value: number | null | undefined,\n    seriesName: string | undefined\n  ) => React.ReactNode\n  chartRef?: React.RefObject<HighchartsReactRefObject>\n  exporting?: Highcharts.ExportingOptions\n  maxBars?: number\n  barsWidth?: number\n  height?: number\n  width?: number\n}\n\nconst BarChart = ({\n  categories,\n  series,\n  min,\n  max,\n  tickInterval,\n  tickFormat,\n  xAxisTitle,\n  yAxisTitle,\n  gridLineColor,\n  gridLineDashStyle,\n  xAxisLabelMaxLines,\n  tooltip,\n  exporting,\n  chartRef,\n  height,\n  width,\n  maxBars = 50,\n  barsWidth = undefined,\n}: BarChartProps) => {\n  const limitedCategories = categories.slice(0, maxBars)\n  const limitedSeries = series.map((s) => ({\n    ...s,\n    data: s.data.slice(0, maxBars),\n  }))\n\n  const { token } = theme.useToken()\n\n  const baseFont: Highcharts.CSSObject = {\n    fontSize: `${token.fontSize}px`,\n    fontFamily: token.fontFamily,\n    color: token.colorText,\n  }\n\n  const options: Highcharts.Options = {\n    credits: {\n      enabled: false,\n    },\n    chart: {\n      type: 'column',\n      ...(height ? { height } : {}),\n      ...(width ? { width } : {}),\n    },\n    plotOptions: {\n      column: {\n        borderRadius: series[0].data.length > 5 ? '20%' : '15%',\n        ...(barsWidth !== undefined ? { pointWidth: barsWidth } : {}),\n      },\n    },\n    exporting: {\n      ...exporting,\n      enabled: false,\n      chartOptions: {\n        ...exporting?.chartOptions,\n        title: {\n          align: 'left',\n          text: exporting?.chartOptions?.title?.text,\n          style: {\n            fontSize: `${token.fontSize}px`,\n            fontFamily: 'sans-serif',\n            color: token.colorText,\n            ...exporting?.chartOptions?.title?.style,\n          },\n        },\n        series: limitedSeries.map((s) => ({\n          type: 'column',\n          color: s.color ? s.color : '#253761', // --j2-blue-9\n        })),\n        legend: exporting?.chartOptions?.legend || { enabled: false },\n      },\n    },\n    title: {\n      text: '',\n    },\n    xAxis: {\n      categories: limitedCategories,\n      title: xAxisTitle\n        ? {\n            text: xAxisTitle,\n            style: { ...baseFont, color: token.colorTextDescription },\n          }\n        : undefined,\n      labels: {\n        y: 30,\n        style: baseFont,\n        ...(xAxisLabelMaxLines\n          ? {\n              useHTML: true,\n              formatter: function (\n                this: Highcharts.AxisLabelsFormatterContextObject\n              ) {\n                return `<div style=\"overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: ${xAxisLabelMaxLines}; -webkit-box-orient: vertical; text-align: center;\">${this.value}</div>`\n              },\n            }\n          : {}),\n      },\n    },\n    yAxis: {\n      min: min,\n      max: max,\n      endOnTick: true,\n      gridLineDashStyle: gridLineDashStyle || 'Dot',\n      gridLineColor: gridLineColor || 'white',\n      title: yAxisTitle\n        ? {\n            text: yAxisTitle,\n            style: { ...baseFont, color: token.colorTextDescription },\n            x: -10,\n          }\n        : undefined,\n      tickInterval: tickInterval,\n      labels: {\n        formatter: tickFormat\n          ? ({ value }) => tickFormat(value as number)\n          : undefined,\n        style: baseFont,\n      },\n    },\n    legend: {\n      enabled: false,\n    },\n    series: limitedSeries.map((s) => ({\n      data: s.data,\n      name: s.name,\n      type: 'column',\n      color: s.color || 'var(--j2-blue-11)',\n      states: {\n        hover: {\n          color: s.hoverColor || token.colorPrimaryTextHover,\n        },\n      },\n    })),\n    tooltip: {\n      useHTML: true,\n      outside: true,\n      backgroundColor: 'transparent',\n      shadow: false,\n      padding: 0,\n      style: { zIndex: 9999 },\n      formatter: function (this) {\n        return renderToString(\n          <div className={styles.tooltip}>\n            {tooltip(this.key, this.y, this.series.name)}\n          </div>\n        )\n      },\n    },\n  }\n\n  return (\n    <HighchartsReact\n      ref={chartRef}\n      options={options}\n      containerProps={{ className: 'highcharts-light' }}\n    />\n  )\n}\n\nexport { BarChart }\n"],"names":["HighchartsReact"],"mappings":"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"}
+{"version":3,"file":"BarChart.js","sources":["../../../../src/components/barchart/BarChart.tsx"],"sourcesContent":["import { theme } from 'antd'\nimport type * as Highcharts from 'highcharts'\nimport {\n  Chart as HighchartsReact,\n  type HighchartsReactRefObject,\n} from '@highcharts/react'\n// `modules/`, not `options/`. @highcharts/react 5 moved the module entry\n// points and left the old `options/` files in the package still importing\n// `highcharts/esm/…`, while the Chart component now loads\n// `highcharts/es-modules/masters/…`. Those are two different Highcharts\n// instances, so the old path composes the module onto one the chart never\n// uses: no error, no missing export, the module just stops taking effect.\nimport '@highcharts/react/modules/Accessibility.js'\nimport '@highcharts/react/modules/Exporting.js'\nimport styles from './chart.module.css'\nimport { renderToString } from 'react-dom/server'\n\ntype Series = {\n  name?: string\n  data: Highcharts.PointOptionsObject[] | number[]\n  color?: string\n  hoverColor?: string\n}\n\ntype BarChartProps = {\n  categories: string[]\n  series: Series[]\n  min: number\n  max: number | undefined | null\n  tickInterval: number | undefined\n  tickFormat?: (value: number) => string\n  xAxisTitle?: string\n  yAxisTitle?: string\n  gridLineColor?: string\n  gridLineDashStyle?: Highcharts.DashStyleValue\n  xAxisLabelMaxLines?: number\n  tooltip: (\n    category: string | number | undefined,\n    value: number | null | undefined,\n    seriesName: string | undefined\n  ) => React.ReactNode\n  chartRef?: React.RefObject<HighchartsReactRefObject>\n  exporting?: Highcharts.ExportingOptions\n  maxBars?: number\n  barsWidth?: number\n  height?: number\n  width?: number\n}\n\nconst BarChart = ({\n  categories,\n  series,\n  min,\n  max,\n  tickInterval,\n  tickFormat,\n  xAxisTitle,\n  yAxisTitle,\n  gridLineColor,\n  gridLineDashStyle,\n  xAxisLabelMaxLines,\n  tooltip,\n  exporting,\n  chartRef,\n  height,\n  width,\n  maxBars = 50,\n  barsWidth = undefined,\n}: BarChartProps) => {\n  const limitedCategories = categories.slice(0, maxBars)\n  const limitedSeries = series.map((s) => ({\n    ...s,\n    data: s.data.slice(0, maxBars),\n  }))\n\n  const { token } = theme.useToken()\n\n  const baseFont: Highcharts.CSSObject = {\n    fontSize: `${token.fontSize}px`,\n    fontFamily: token.fontFamily,\n    color: token.colorText,\n  }\n\n  const options: Highcharts.Options = {\n    credits: {\n      enabled: false,\n    },\n    chart: {\n      type: 'column',\n      ...(height ? { height } : {}),\n      ...(width ? { width } : {}),\n    },\n    plotOptions: {\n      column: {\n        borderRadius: series[0].data.length > 5 ? '20%' : '15%',\n        ...(barsWidth !== undefined ? { pointWidth: barsWidth } : {}),\n      },\n    },\n    exporting: {\n      ...exporting,\n      enabled: false,\n      chartOptions: {\n        ...exporting?.chartOptions,\n        title: {\n          align: 'left',\n          text: exporting?.chartOptions?.title?.text,\n          style: {\n            fontSize: `${token.fontSize}px`,\n            fontFamily: 'sans-serif',\n            color: token.colorText,\n            ...exporting?.chartOptions?.title?.style,\n          },\n        },\n        series: limitedSeries.map((s) => ({\n          type: 'column',\n          color: s.color ? s.color : '#253761', // --j2-blue-9\n        })),\n        legend: exporting?.chartOptions?.legend || { enabled: false },\n      },\n    },\n    title: {\n      text: '',\n    },\n    xAxis: {\n      categories: limitedCategories,\n      title: xAxisTitle\n        ? {\n            text: xAxisTitle,\n            style: { ...baseFont, color: token.colorTextDescription },\n          }\n        : undefined,\n      labels: {\n        y: 30,\n        style: baseFont,\n        ...(xAxisLabelMaxLines\n          ? {\n              useHTML: true,\n              formatter: function (\n                this: Highcharts.AxisLabelsFormatterContextObject\n              ) {\n                return `<div style=\"overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: ${xAxisLabelMaxLines}; -webkit-box-orient: vertical; text-align: center;\">${this.value}</div>`\n              },\n            }\n          : {}),\n      },\n    },\n    yAxis: {\n      min: min,\n      max: max,\n      endOnTick: true,\n      gridLineDashStyle: gridLineDashStyle || 'Dot',\n      gridLineColor: gridLineColor || 'white',\n      title: yAxisTitle\n        ? {\n            text: yAxisTitle,\n            style: { ...baseFont, color: token.colorTextDescription },\n            x: -10,\n          }\n        : undefined,\n      tickInterval: tickInterval,\n      labels: {\n        formatter: tickFormat\n          ? ({ value }) => tickFormat(value as number)\n          : undefined,\n        style: baseFont,\n      },\n    },\n    legend: {\n      enabled: false,\n    },\n    series: limitedSeries.map((s) => ({\n      data: s.data,\n      name: s.name,\n      type: 'column',\n      color: s.color || 'var(--j2-blue-11)',\n      states: {\n        hover: {\n          color: s.hoverColor || token.colorPrimaryTextHover,\n        },\n      },\n    })),\n    tooltip: {\n      useHTML: true,\n      outside: true,\n      backgroundColor: 'transparent',\n      shadow: false,\n      padding: 0,\n      style: { zIndex: 9999 },\n      formatter: function (this) {\n        return renderToString(\n          <div className={styles.tooltip}>\n            {tooltip(this.key, this.y, this.series.name)}\n          </div>\n        )\n      },\n    },\n  }\n\n  return (\n    <HighchartsReact\n      ref={chartRef}\n      options={options}\n      containerProps={{ className: 'highcharts-light' }}\n    />\n  )\n}\n\nexport { BarChart }\n"],"names":["HighchartsReact"],"mappings":"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"}

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

@@ -25,7 +25,7 @@ const Card = ({
         className
       ),
       ...props,
-      size: size === "large" || size === "compact" ? "default" : size,
+      size: size === "small" ? "small" : "medium",
       title,
       loading,
       children

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

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import { Card as AntdCard, CardProps } from 'antd'\nimport cx from 'classnames'\n\n// import this file to enable styling defined in there\nimport './Card.css'\n\nexport type Props = Omit<CardProps, 'size'> & {\n  /** Card title */\n  title?: string\n  /** Card contents */\n  children: React.ReactNode\n  /** Loading state */\n  loading?: boolean\n  /** Card size */\n  size?: 'default' | 'small' | 'compact' | 'large'\n  /**\n   * Inner card type variant.\n   * It allows inner card to have variants independent of other props.\n   * Works only with type=\"inner\".\n   */\n  innerVariant?: 'default' | 'basic'\n}\n\nconst Card = ({\n  title,\n  children,\n  loading,\n  size = 'default',\n  innerVariant = 'default',\n  className,\n  ...props\n}: Props) => {\n  const isInner = props.type === 'inner'\n  const isInnerBasic = isInner && innerVariant === 'basic'\n  return (\n    <AntdCard\n      className={cx(\n        'j2-card',\n        `j2-card-${size}`,\n        isInnerBasic && 'inner-basic',\n        className\n      )}\n      {...props}\n      size={size === 'large' || size === 'compact' ? 'default' : size}\n      title={title}\n      loading={loading}\n    >\n      {children}\n    </AntdCard>\n  )\n}\n\nexport { Card }\n"],"names":["jsx","AntdCard"],"mappings":";;;;;;AAuBA,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,UAAU,MAAM,SAAS;AAC/B,QAAM,eAAe,WAAW,iBAAiB;AACjD,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,QACf,gBAAgB;AAAA,QAChB;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MACJ,MAAM,SAAS,WAAW,SAAS,YAAY,YAAY;AAAA,MAC3D;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;;"}
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import { Card as AntdCard, CardProps } from 'antd'\nimport cx from 'classnames'\n\n// import this file to enable styling defined in there\nimport './Card.css'\n\nexport type Props = Omit<CardProps, 'size'> & {\n  /** Card title */\n  title?: string\n  /** Card contents */\n  children: React.ReactNode\n  /** Loading state */\n  loading?: boolean\n  /** Card size */\n  size?: 'default' | 'small' | 'compact' | 'large'\n  /**\n   * Inner card type variant.\n   * It allows inner card to have variants independent of other props.\n   * Works only with type=\"inner\".\n   */\n  innerVariant?: 'default' | 'basic'\n}\n\nconst Card = ({\n  title,\n  children,\n  loading,\n  size = 'default',\n  innerVariant = 'default',\n  className,\n  ...props\n}: Props) => {\n  const isInner = props.type === 'inner'\n  const isInnerBasic = isInner && innerVariant === 'basic'\n  return (\n    <AntdCard\n      className={cx(\n        'j2-card',\n        `j2-card-${size}`,\n        isInnerBasic && 'inner-basic',\n        className\n      )}\n      {...props}\n      size={size === 'small' ? 'small' : 'medium'}\n      title={title}\n      loading={loading}\n    >\n      {children}\n    </AntdCard>\n  )\n}\n\nexport { Card }\n"],"names":["jsx","AntdCard"],"mappings":";;;;;;AAuBA,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,UAAU,MAAM,SAAS;AAC/B,QAAM,eAAe,WAAW,iBAAiB;AACjD,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,QACf,gBAAgB;AAAA,QAChB;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MACJ,MAAM,SAAS,UAAU,UAAU;AAAA,MACnC;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

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

@@ -23,7 +23,7 @@ const Card = ({
         className
       ),
       ...props,
-      size: size === "large" || size === "compact" ? "default" : size,
+      size: size === "small" ? "small" : "medium",
       title,
       loading,
       children

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import { Card as AntdCard, CardProps } from 'antd'\nimport cx from 'classnames'\n\n// import this file to enable styling defined in there\nimport './Card.css'\n\nexport type Props = Omit<CardProps, 'size'> & {\n  /** Card title */\n  title?: string\n  /** Card contents */\n  children: React.ReactNode\n  /** Loading state */\n  loading?: boolean\n  /** Card size */\n  size?: 'default' | 'small' | 'compact' | 'large'\n  /**\n   * Inner card type variant.\n   * It allows inner card to have variants independent of other props.\n   * Works only with type=\"inner\".\n   */\n  innerVariant?: 'default' | 'basic'\n}\n\nconst Card = ({\n  title,\n  children,\n  loading,\n  size = 'default',\n  innerVariant = 'default',\n  className,\n  ...props\n}: Props) => {\n  const isInner = props.type === 'inner'\n  const isInnerBasic = isInner && innerVariant === 'basic'\n  return (\n    <AntdCard\n      className={cx(\n        'j2-card',\n        `j2-card-${size}`,\n        isInnerBasic && 'inner-basic',\n        className\n      )}\n      {...props}\n      size={size === 'large' || size === 'compact' ? 'default' : size}\n      title={title}\n      loading={loading}\n    >\n      {children}\n    </AntdCard>\n  )\n}\n\nexport { Card }\n"],"names":["AntdCard"],"mappings":";;;;AAuBA,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,UAAU,MAAM,SAAS;AAC/B,QAAM,eAAe,WAAW,iBAAiB;AACjD,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,QACf,gBAAgB;AAAA,QAChB;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MACJ,MAAM,SAAS,WAAW,SAAS,YAAY,YAAY;AAAA,MAC3D;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import { Card as AntdCard, CardProps } from 'antd'\nimport cx from 'classnames'\n\n// import this file to enable styling defined in there\nimport './Card.css'\n\nexport type Props = Omit<CardProps, 'size'> & {\n  /** Card title */\n  title?: string\n  /** Card contents */\n  children: React.ReactNode\n  /** Loading state */\n  loading?: boolean\n  /** Card size */\n  size?: 'default' | 'small' | 'compact' | 'large'\n  /**\n   * Inner card type variant.\n   * It allows inner card to have variants independent of other props.\n   * Works only with type=\"inner\".\n   */\n  innerVariant?: 'default' | 'basic'\n}\n\nconst Card = ({\n  title,\n  children,\n  loading,\n  size = 'default',\n  innerVariant = 'default',\n  className,\n  ...props\n}: Props) => {\n  const isInner = props.type === 'inner'\n  const isInnerBasic = isInner && innerVariant === 'basic'\n  return (\n    <AntdCard\n      className={cx(\n        'j2-card',\n        `j2-card-${size}`,\n        isInnerBasic && 'inner-basic',\n        className\n      )}\n      {...props}\n      size={size === 'small' ? 'small' : 'medium'}\n      title={title}\n      loading={loading}\n    >\n      {children}\n    </AntdCard>\n  )\n}\n\nexport { Card }\n"],"names":["AntdCard"],"mappings":";;;;AAuBA,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,eAAe;AAAA,EACf;AAAA,EACA,GAAG;AACL,MAAa;AACX,QAAM,UAAU,MAAM,SAAS;AAC/B,QAAM,eAAe,WAAW,iBAAiB;AACjD,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,QACf,gBAAgB;AAAA,QAChB;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MACJ,MAAM,SAAS,UAAU,UAAU;AAAA,MACnC;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const warning = "_warning_yukjt_2";
-const error = "_error_yukjt_3";
+const warning = "_warning_1t61q_2";
+const error = "_error_1t61q_3";
 const styles = {
-  "default": "_default_yukjt_1",
+  "default": "_default_1t61q_1",
   warning,
   error
 };

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

@@ -1,7 +1,7 @@
-const warning = "_warning_yukjt_2";
-const error = "_error_yukjt_3";
+const warning = "_warning_1t61q_2";
+const error = "_error_1t61q_3";
 const styles = {
-  "default": "_default_yukjt_1",
+  "default": "_default_1t61q_1",
   warning,
   error
 };

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

@@ -16,7 +16,9 @@ const Drawer = ({
     {
       ...props,
       closable: false,
-      ...fillPage && { height: "100vh", width: "100vw" },
+      ...fillPage && {
+        size: props.placement === "top" || props.placement === "bottom" ? "100vh" : "100vw"
+      },
       ...footer && { footer },
       extra: /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { children: [
         extraContent,

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.cjs","sources":["../../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import { Drawer as AntdDrawer, DrawerProps, Space } from 'antd'\nimport { Button } from '../button'\nimport { XIcon } from '@phosphor-icons/react'\nimport './Drawer.css'\n\ntype AllProps = Omit<DrawerProps, 'extra' | 'closable'> & {\n  fillPage?: boolean\n  footer?: React.ReactNode\n  extraContent?: React.ReactNode\n}\n\nexport type Props = Expand<AllProps>\n\nexport const Drawer = ({\n  fillPage = false,\n  footer,\n  extraContent,\n  ...props\n}: Props) => {\n  return (\n    <AntdDrawer\n      {...props}\n      closable={false}\n      {...(fillPage && { height: '100vh', width: '100vw' })}\n      {...(footer && { footer })}\n      extra={\n        <Space>\n          {extraContent}\n          <Button\n            className=\"p-0\"\n            type=\"link\"\n            onClick={props.onClose}\n            aria-label=\"Close\"\n          >\n            <XIcon size={22} weight=\"regular\" />\n          </Button>\n        </Space>\n      }\n      className=\"j2-drawer\"\n    />\n  )\n}\n"],"names":["jsx","AntdDrawer","Space","Button","XIcon"],"mappings":";;;;;;;AAaO,MAAM,SAAS,CAAC;AAAA,EACrB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACT,GAAI,YAAY,EAAE,QAAQ,SAAS,OAAO,QAAA;AAAA,MAC1C,GAAI,UAAU,EAAE,OAAA;AAAA,MACjB,uCACGC,YAAA,EACE,UAAA;AAAA,QAAA;AAAA,QACDF,2BAAAA;AAAAA,UAACG,OAAAA;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAM;AAAA,YACf,cAAW;AAAA,YAEX,UAAAH,2BAAAA,IAACI,aAAA,EAAM,MAAM,IAAI,QAAO,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,GACF;AAAA,MAEF,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}
+{"version":3,"file":"Drawer.cjs","sources":["../../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import { Drawer as AntdDrawer, DrawerProps, Space } from 'antd'\nimport { Button } from '../button'\nimport { XIcon } from '@phosphor-icons/react'\nimport './Drawer.css'\n\ntype AllProps = Omit<DrawerProps, 'extra' | 'closable'> & {\n  fillPage?: boolean\n  footer?: React.ReactNode\n  extraContent?: React.ReactNode\n}\n\nexport type Props = Expand<AllProps>\n\nexport const Drawer = ({\n  fillPage = false,\n  footer,\n  extraContent,\n  ...props\n}: Props) => {\n  return (\n    <AntdDrawer\n      {...props}\n      closable={false}\n      {...(fillPage && {\n        size:\n          props.placement === 'top' || props.placement === 'bottom'\n            ? '100vh'\n            : '100vw',\n      })}\n      {...(footer && { footer })}\n      extra={\n        <Space>\n          {extraContent}\n          <Button\n            className=\"p-0\"\n            type=\"link\"\n            onClick={props.onClose}\n            aria-label=\"Close\"\n          >\n            <XIcon size={22} weight=\"regular\" />\n          </Button>\n        </Space>\n      }\n      className=\"j2-drawer\"\n    />\n  )\n}\n"],"names":["jsx","AntdDrawer","Space","Button","XIcon"],"mappings":";;;;;;;AAaO,MAAM,SAAS,CAAC;AAAA,EACrB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACEA,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACT,GAAI,YAAY;AAAA,QACf,MACE,MAAM,cAAc,SAAS,MAAM,cAAc,WAC7C,UACA;AAAA,MAAA;AAAA,MAEP,GAAI,UAAU,EAAE,OAAA;AAAA,MACjB,uCACGC,YAAA,EACE,UAAA;AAAA,QAAA;AAAA,QACDF,2BAAAA;AAAAA,UAACG,OAAAA;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAM;AAAA,YACf,cAAW;AAAA,YAEX,UAAAH,2BAAAA,IAACI,aAAA,EAAM,MAAM,IAAI,QAAO,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,GACF;AAAA,MAEF,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;"}