@j2-health/design-system 0.5.0 → 0.5.2

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'\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":";;;;;;;AAiDA,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AACd,MAAqB;;AACnB,QAAM,oBAAoB,WAAW,MAAM,GAAG,OAAO;AACrD,QAAM,gBAAgB,OAAO,IAAI,CAAC,OAAO;AAAA,IACvC,GAAG;AAAA,IACH,MAAM,EAAE,KAAK,MAAM,GAAG,OAAO;AAAA,EAAA,EAC7B;AAEF,QAAM,EAAE,MAAA,IAAU,MAAM,SAAA;AAExB,QAAM,WAAiC;AAAA,IACrC,UAAU,GAAG,MAAM,QAAQ;AAAA,IAC3B,YAAY,MAAM;AAAA,IAClB,OAAO,MAAM;AAAA,EAAA;AAGf,QAAM,UAA8B;AAAA,IAClC,SAAS;AAAA,MACP,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,GAAI,SAAS,EAAE,OAAA,IAAW,CAAA;AAAA,MAC1B,GAAI,QAAQ,EAAE,UAAU,CAAA;AAAA,IAAC;AAAA,IAE3B,aAAa;AAAA,MACX,QAAQ;AAAA,QACN,cAAc,OAAO,CAAC,EAAE,KAAK,SAAS,IAAI,QAAQ;AAAA,QAClD,GAAI,cAAc,SAAY,EAAE,YAAY,UAAA,IAAc,CAAA;AAAA,MAAC;AAAA,IAC7D;AAAA,IAEF,WAAW;AAAA,MACT,GAAG;AAAA,MACH,SAAS;AAAA,MACT,cAAc;AAAA,QACZ,GAAG,uCAAW;AAAA,QACd,OAAO;AAAA,UACL,OAAO;AAAA,UACP,OAAM,kDAAW,iBAAX,mBAAyB,UAAzB,mBAAgC;AAAA,UACtC,OAAO;AAAA,YACL,UAAU,GAAG,MAAM,QAAQ;AAAA,YAC3B,YAAY;AAAA,YACZ,OAAO,MAAM;AAAA,YACb,IAAG,kDAAW,iBAAX,mBAAyB,UAAzB,mBAAgC;AAAA,UAAA;AAAA,QACrC;AAAA,QAEF,QAAQ,cAAc,IAAI,CAAC,OAAO;AAAA,UAChC,MAAM;AAAA,UACN,OAAO,EAAE,QAAQ,EAAE,QAAQ;AAAA;AAAA,QAAA,EAC3B;AAAA,QACF,UAAQ,4CAAW,iBAAX,mBAAyB,WAAU,EAAE,SAAS,MAAA;AAAA,MAAM;AAAA,IAC9D;AAAA,IAEF,OAAO;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,IAER,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,OAAO,aACH;AAAA,QACE,MAAM;AAAA,QACN,OAAO,EAAE,GAAG,UAAU,OAAO,MAAM,qBAAA;AAAA,MAAqB,IAE1D;AAAA,MACJ,QAAQ;AAAA,QACN,GAAG;AAAA,QACH,OAAO;AAAA,QACP,GAAI,qBACA;AAAA,UACE,SAAS;AAAA,UACT,WAAW,WAET;AACA,mBAAO,oGAAoG,kBAAkB,wDAAwD,KAAK,KAAK;AAAA,UACjM;AAAA,QAAA,IAEF,CAAA;AAAA,MAAC;AAAA,IACP;AAAA,IAEF,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,mBAAmB,qBAAqB;AAAA,MACxC,eAAe,iBAAiB;AAAA,MAChC,OAAO,aACH;AAAA,QACE,MAAM;AAAA,QACN,OAAO,EAAE,GAAG,UAAU,OAAO,MAAM,qBAAA;AAAA,QACnC,GAAG;AAAA,MAAA,IAEL;AAAA,MACJ;AAAA,MACA,QAAQ;AAAA,QACN,WAAW,aACP,CAAC,EAAE,YAAY,WAAW,KAAe,IACzC;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,QAAQ;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,QAAQ,cAAc,IAAI,CAAC,OAAO;AAAA,MAChC,MAAM,EAAE;AAAA,MACR,MAAM,EAAE;AAAA,MACR,MAAM;AAAA,MACN,OAAO,EAAE,SAAS;AAAA,MAClB,QAAQ;AAAA,QACN,OAAO;AAAA,UACL,OAAO,EAAE,cAAc,MAAM;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF,EACA;AAAA,IACF,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO,EAAE,QAAQ,KAAA;AAAA,MACjB,WAAW,WAAgB;AACzB,eAAO;AAAA,UACL,oBAAC,OAAA,EAAI,WAAW,OAAO,SACpB,UAAA,QAAQ,KAAK,KAAK,KAAK,GAAG,KAAK,OAAO,IAAI,EAAA,CAC7C;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF;AAGF,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,gBAAgB,EAAE,WAAW,mBAAA;AAAA,IAAmB;AAAA,EAAA;AAGtD;"}
+{"version":3,"file":"BarChart.js","names":["styles","HighchartsReact"],"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"],"mappings":";;;;;;;;AAiDA,IAAM,YAAY,EAChB,YACA,QACA,KACA,KACA,cACA,YACA,YACA,YACA,eACA,mBACA,oBACA,SACA,WACA,UACA,QACA,OACA,UAAU,IACV,YAAY,KAAA,QACO;CACnB,MAAM,oBAAoB,WAAW,MAAM,GAAG,OAAO;CACrD,MAAM,gBAAgB,OAAO,KAAK,OAAO;EACvC,GAAG;EACH,MAAM,EAAE,KAAK,MAAM,GAAG,OAAO;CAC/B,EAAE;CAEF,MAAM,EAAE,UAAU,MAAM,SAAS;CAEjC,MAAM,WAAiC;EACrC,UAAU,GAAG,MAAM,SAAS;EAC5B,YAAY,MAAM;EAClB,OAAO,MAAM;CACf;CAEA,MAAM,UAA8B;EAClC,SAAS,EACP,SAAS,MACX;EACA,OAAO;GACL,MAAM;GACN,GAAI,SAAS,EAAE,OAAO,IAAI,CAAC;GAC3B,GAAI,QAAQ,EAAE,MAAM,IAAI,CAAC;EAC3B;EACA,aAAa,EACX,QAAQ;GACN,cAAc,OAAO,EAAE,CAAC,KAAK,SAAS,IAAI,QAAQ;GAClD,GAAI,cAAc,KAAA,IAAY,EAAE,YAAY,UAAU,IAAI,CAAC;EAC7D,EACF;EACA,WAAW;GACT,GAAG;GACH,SAAS;GACT,cAAc;IACZ,GAAG,WAAW;IACd,OAAO;KACL,OAAO;KACP,MAAM,WAAW,cAAc,OAAO;KACtC,OAAO;MACL,UAAU,GAAG,MAAM,SAAS;MAC5B,YAAY;MACZ,OAAO,MAAM;MACb,GAAG,WAAW,cAAc,OAAO;KACrC;IACF;IACA,QAAQ,cAAc,KAAK,OAAO;KAChC,MAAM;KACN,OAAO,EAAE,QAAQ,EAAE,QAAQ;IAC7B,EAAE;IACF,QAAQ,WAAW,cAAc,UAAU,EAAE,SAAS,MAAM;GAC9D;EACF;EACA,OAAO,EACL,MAAM,GACR;EACA,OAAO;GACL,YAAY;GACZ,OAAO,aACH;IACE,MAAM;IACN,OAAO;KAAE,GAAG;KAAU,OAAO,MAAM;IAAqB;GAC1D,IACA,KAAA;GACJ,QAAQ;IACN,GAAG;IACH,OAAO;IACP,GAAI,qBACA;KACE,SAAS;KACT,WAAW,WAET;MACA,OAAO,oGAAoG,mBAAmB,uDAAuD,KAAK,MAAM;KAClM;IACF,IACA,CAAC;GACP;EACF;EACA,OAAO;GACA;GACA;GACL,WAAW;GACX,mBAAmB,qBAAqB;GACxC,eAAe,iBAAiB;GAChC,OAAO,aACH;IACE,MAAM;IACN,OAAO;KAAE,GAAG;KAAU,OAAO,MAAM;IAAqB;IACxD,GAAG;GACL,IACA,KAAA;GACU;GACd,QAAQ;IACN,WAAW,cACN,EAAE,YAAY,WAAW,KAAe,IACzC,KAAA;IACJ,OAAO;GACT;EACF;EACA,QAAQ,EACN,SAAS,MACX;EACA,QAAQ,cAAc,KAAK,OAAO;GAChC,MAAM,EAAE;GACR,MAAM,EAAE;GACR,MAAM;GACN,OAAO,EAAE,SAAS;GAClB,QAAQ,EACN,OAAO,EACL,OAAO,EAAE,cAAc,MAAM,sBAC/B,EACF;EACF,EAAE;EACF,SAAS;GACP,SAAS;GACT,SAAS;GACT,iBAAiB;GACjB,QAAQ;GACR,SAAS;GACT,OAAO,EAAE,QAAQ,KAAK;GACtB,WAAW,WAAgB;IACzB,OAAO,eACL,oBAAC,OAAD;KAAK,WAAWA,qBAAO;KACpB,UAAA,QAAQ,KAAK,KAAK,KAAK,GAAG,KAAK,OAAO,IAAI;IACxC,CAAA,CACP;GACF;EACF;CACF;CAEA,OACE,oBAACC,OAAD;EACE,KAAK;EACI;EACT,gBAAgB,EAAE,WAAW,mBAAmB;CACjD,CAAA;AAEL"}

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

@@ -1,9 +1,8 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const tooltip = "_tooltip_1g39l_1";
-const styles = {
-  tooltip
-};
-exports.default = styles;
+//#region 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;
-//# sourceMappingURL=chart.module.css.cjs.map
+
+//# sourceMappingURL=chart.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"chart.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"chart.module.css.cjs","names":[],"sources":["../../../../src/components/barchart/chart.module.css"],"sourcesContent":[".tooltip {\n  padding: var(--j2-padding-sm);\n  border-radius: var(--j2-border-radius-lg);\n  box-shadow: 0px 9px 28px 8px #0000000d;\n  background-color: var(--j2-color-bg-elevated);\n  font-size: var(--j2-font-size);\n  font-family: var(--j2-font-family);\n}\n"],"mappings":""}

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

@@ -1,9 +1,7 @@
-const tooltip = "_tooltip_1g39l_1";
-const styles = {
-  tooltip
-};
-export {
-  styles as default,
-  tooltip
-};
-//# sourceMappingURL=chart.module.css.js.map
+//#region 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/barchart/chart.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"chart.module.css.js","names":[],"sources":["../../../../src/components/barchart/chart.module.css"],"sourcesContent":[".tooltip {\n  padding: var(--j2-padding-sm);\n  border-radius: var(--j2-border-radius-lg);\n  box-shadow: 0px 9px 28px 8px #0000000d;\n  background-color: var(--j2-color-bg-elevated);\n  font-size: var(--j2-font-size);\n  font-family: var(--j2-font-family);\n}\n"],"mappings":""}

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

@@ -0,0 +1,3 @@
+import { BarChart } from "./BarChart.js";
+import { Chart as HighchartsReact } from "@highcharts/react";
+export { BarChart, HighchartsReact };

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

@@ -1,38 +1,25 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const antd = require("antd");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const Breadcrumb = ({ items, ...props }) => {
-  const antDItems = React__namespace.useMemo(
-    () => items.map((item) => ({
-      href: item.href,
-      onClick: item.onClick,
-      title: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1", children: [
-        item.icon && /* @__PURE__ */ jsxRuntime.jsx(item.icon, { size: 14 }),
-        item.title
-      ] })
-    })),
-    [items]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Breadcrumb, { ...props, items: antDItems });
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+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
+var Breadcrumb = ({ items, ...props }) => {
+	const antDItems = react$1.useMemo(() => items.map((item) => ({
+		href: item.href,
+		onClick: item.onClick,
+		title: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "flex items-center gap-1",
+			children: [item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(item.icon, { size: 14 }), item.title]
+		})
+	})), [items]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Breadcrumb, {
+		...props,
+		items: antDItems
+	});
 };
+//#endregion
 exports.Breadcrumb = Breadcrumb;
-//# sourceMappingURL=Breadcrumb.cjs.map
+
+//# sourceMappingURL=Breadcrumb.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Icon } from '@phosphor-icons/react'\nimport { Breadcrumb as AntdBreadcrumb, BreadcrumbProps } from 'antd'\n\ntype ItemConfig = {\n  title: string\n  icon?: Icon\n  href?: string\n  onClick?: React.MouseEventHandler\n}\nexport type Props = Expand<\n  Omit<BreadcrumbProps, 'items'> & { items: ItemConfig[] }\n>\n\nconst Breadcrumb = ({ items, ...props }: Props) => {\n  const antDItems = React.useMemo(\n    () =>\n      items.map((item) => ({\n        href: item.href,\n        onClick: item.onClick,\n        title: (\n          <span className=\"flex items-center gap-1\">\n            {item.icon && <item.icon size={14} />}\n            {item.title}\n          </span>\n        ),\n      })),\n    [items]\n  )\n\n  return <AntdBreadcrumb {...props} items={antDItems} />\n}\n\nexport { Breadcrumb }\n"],"names":["React","jsxs","jsx","AntdBreadcrumb"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,aAAa,CAAC,EAAE,OAAO,GAAG,YAAmB;AACjD,QAAM,YAAYA,iBAAM;AAAA,IACtB,MACE,MAAM,IAAI,CAAC,UAAU;AAAA,MACnB,MAAM,KAAK;AAAA,MACX,SAAS,KAAK;AAAA,MACd,OACEC,2BAAAA,KAAC,QAAA,EAAK,WAAU,2BACb,UAAA;AAAA,QAAA,KAAK,QAAQC,+BAAC,KAAK,MAAL,EAAU,MAAM,IAAI;AAAA,QAClC,KAAK;AAAA,MAAA,EAAA,CACR;AAAA,IAAA,EAEF;AAAA,IACJ,CAAC,KAAK;AAAA,EAAA;AAGR,SAAOA,2BAAAA,IAACC,KAAAA,YAAA,EAAgB,GAAG,OAAO,OAAO,WAAW;AACtD;;"}
+{"version":3,"file":"Breadcrumb.cjs","names":["React","AntdBreadcrumb"],"sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Icon } from '@phosphor-icons/react'\nimport { Breadcrumb as AntdBreadcrumb, BreadcrumbProps } from 'antd'\n\ntype ItemConfig = {\n  title: string\n  icon?: Icon\n  href?: string\n  onClick?: React.MouseEventHandler\n}\nexport type Props = Expand<\n  Omit<BreadcrumbProps, 'items'> & { items: ItemConfig[] }\n>\n\nconst Breadcrumb = ({ items, ...props }: Props) => {\n  const antDItems = React.useMemo(\n    () =>\n      items.map((item) => ({\n        href: item.href,\n        onClick: item.onClick,\n        title: (\n          <span className=\"flex items-center gap-1\">\n            {item.icon && <item.icon size={14} />}\n            {item.title}\n          </span>\n        ),\n      })),\n    [items]\n  )\n\n  return <AntdBreadcrumb {...props} items={antDItems} />\n}\n\nexport { Breadcrumb }\n"],"mappings":";;;;;;;AAcA,IAAM,cAAc,EAAE,OAAO,GAAG,YAAmB;CACjD,MAAM,YAAYA,QAAM,cAEpB,MAAM,KAAK,UAAU;EACnB,MAAM,KAAK;EACX,SAAS,KAAK;EACd,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACG,KAAK,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAK,MAAN,EAAW,MAAM,GAAK,CAAA,GACnC,KAAK,KACF;;CAEV,EAAE,GACJ,CAAC,KAAK,CACR;CAEA,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,KAAAA,YAAD;EAAgB,GAAI;EAAO,OAAO;CAAY,CAAA;AACvD"}

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

@@ -1,21 +1,22 @@
-import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Breadcrumb as Breadcrumb$1 } from "antd";
-const Breadcrumb = ({ items, ...props }) => {
-  const antDItems = React.useMemo(
-    () => items.map((item) => ({
-      href: item.href,
-      onClick: item.onClick,
-      title: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-        item.icon && /* @__PURE__ */ jsx(item.icon, { size: 14 }),
-        item.title
-      ] })
-    })),
-    [items]
-  );
-  return /* @__PURE__ */ jsx(Breadcrumb$1, { ...props, items: antDItems });
+import { Breadcrumb } from "antd";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/breadcrumb/Breadcrumb.tsx
+var Breadcrumb$1 = ({ items, ...props }) => {
+	const antDItems = React.useMemo(() => items.map((item) => ({
+		href: item.href,
+		onClick: item.onClick,
+		title: /* @__PURE__ */ jsxs("span", {
+			className: "flex items-center gap-1",
+			children: [item.icon && /* @__PURE__ */ jsx(item.icon, { size: 14 }), item.title]
+		})
+	})), [items]);
+	return /* @__PURE__ */ jsx(Breadcrumb, {
+		...props,
+		items: antDItems
+	});
 };
-export {
-  Breadcrumb
-};
-//# sourceMappingURL=Breadcrumb.js.map
+//#endregion
+export { Breadcrumb$1 as Breadcrumb };
+
+//# sourceMappingURL=Breadcrumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Icon } from '@phosphor-icons/react'\nimport { Breadcrumb as AntdBreadcrumb, BreadcrumbProps } from 'antd'\n\ntype ItemConfig = {\n  title: string\n  icon?: Icon\n  href?: string\n  onClick?: React.MouseEventHandler\n}\nexport type Props = Expand<\n  Omit<BreadcrumbProps, 'items'> & { items: ItemConfig[] }\n>\n\nconst Breadcrumb = ({ items, ...props }: Props) => {\n  const antDItems = React.useMemo(\n    () =>\n      items.map((item) => ({\n        href: item.href,\n        onClick: item.onClick,\n        title: (\n          <span className=\"flex items-center gap-1\">\n            {item.icon && <item.icon size={14} />}\n            {item.title}\n          </span>\n        ),\n      })),\n    [items]\n  )\n\n  return <AntdBreadcrumb {...props} items={antDItems} />\n}\n\nexport { Breadcrumb }\n"],"names":["AntdBreadcrumb"],"mappings":";;;AAcA,MAAM,aAAa,CAAC,EAAE,OAAO,GAAG,YAAmB;AACjD,QAAM,YAAY,MAAM;AAAA,IACtB,MACE,MAAM,IAAI,CAAC,UAAU;AAAA,MACnB,MAAM,KAAK;AAAA,MACX,SAAS,KAAK;AAAA,MACd,OACE,qBAAC,QAAA,EAAK,WAAU,2BACb,UAAA;AAAA,QAAA,KAAK,QAAQ,oBAAC,KAAK,MAAL,EAAU,MAAM,IAAI;AAAA,QAClC,KAAK;AAAA,MAAA,EAAA,CACR;AAAA,IAAA,EAEF;AAAA,IACJ,CAAC,KAAK;AAAA,EAAA;AAGR,SAAO,oBAACA,cAAA,EAAgB,GAAG,OAAO,OAAO,WAAW;AACtD;"}
+{"version":3,"file":"Breadcrumb.js","names":["Breadcrumb","AntdBreadcrumb"],"sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Icon } from '@phosphor-icons/react'\nimport { Breadcrumb as AntdBreadcrumb, BreadcrumbProps } from 'antd'\n\ntype ItemConfig = {\n  title: string\n  icon?: Icon\n  href?: string\n  onClick?: React.MouseEventHandler\n}\nexport type Props = Expand<\n  Omit<BreadcrumbProps, 'items'> & { items: ItemConfig[] }\n>\n\nconst Breadcrumb = ({ items, ...props }: Props) => {\n  const antDItems = React.useMemo(\n    () =>\n      items.map((item) => ({\n        href: item.href,\n        onClick: item.onClick,\n        title: (\n          <span className=\"flex items-center gap-1\">\n            {item.icon && <item.icon size={14} />}\n            {item.title}\n          </span>\n        ),\n      })),\n    [items]\n  )\n\n  return <AntdBreadcrumb {...props} items={antDItems} />\n}\n\nexport { Breadcrumb }\n"],"mappings":";;;;AAcA,IAAMA,gBAAc,EAAE,OAAO,GAAG,YAAmB;CACjD,MAAM,YAAY,MAAM,cAEpB,MAAM,KAAK,UAAU;EACnB,MAAM,KAAK;EACX,SAAS,KAAK;EACd,OACE,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACG,KAAK,QAAQ,oBAAC,KAAK,MAAN,EAAW,MAAM,GAAK,CAAA,GACnC,KAAK,KACF;;CAEV,EAAE,GACJ,CAAC,KAAK,CACR;CAEA,OAAO,oBAACC,YAAD;EAAgB,GAAI;EAAO,OAAO;CAAY,CAAA;AACvD"}

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

@@ -1,81 +1,68 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const cx = require("classnames");
-const Button = require("../button/Button.cjs");
-const BulkActionBar = ({
-  count,
-  action,
-  secondaryActions,
-  onCancel,
-  cancelLabel = "Cancel"
-}) => {
-  const visible = count > 0;
-  const label = `${count} selected`;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "region",
-      "aria-label": "Bulk actions",
-      "aria-hidden": !visible,
-      className: cx(
-        "pointer-events-none fixed bottom-6 left-1/2 z-50",
-        "-translate-x-1/2 transition duration-200 ease-out",
-        visible ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-4 opacity-0"
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: cx(
-            "pointer-events-auto flex items-center gap-3 rounded-full",
-            "bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg"
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: label }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-px bg-white/20" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button.Button,
-              {
-                type: "text",
-                shape: "round",
-                size: "small",
-                icon: action.icon,
-                loading: action.loading,
-                onClick: action.onClick,
-                className: "!text-white hover:!bg-white/10 hover:!text-white",
-                children: action.label
-              }
-            ),
-            secondaryActions == null ? void 0 : secondaryActions.map((sec) => /* @__PURE__ */ jsxRuntime.jsx(
-              Button.Button,
-              {
-                type: "text",
-                shape: "round",
-                size: "small",
-                icon: sec.icon,
-                loading: sec.loading,
-                onClick: sec.onClick,
-                className: "!text-white hover:!bg-white/10 hover:!text-white",
-                children: sec.label
-              },
-              sec.label
-            )),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Button.Button,
-              {
-                type: "text",
-                shape: "round",
-                size: "small",
-                onClick: onCancel,
-                className: "!text-white hover:!bg-white/10 hover:!text-white",
-                children: cancelLabel
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+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
+/**
+* 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
+* surface that supports row selection — pair with Ant Design's
+* `rowSelection` prop on `<Table>` (or any controlled selection state).
+*
+* Destructive intent is enforced by whatever confirmation modal the host
+* surface shows after `action.onClick` — the bar itself is always neutral
+* (text-on-navy) so it never reads as a one-click destructive control.
+*/
+var BulkActionBar = ({ count, action, secondaryActions, onCancel, cancelLabel = "Cancel" }) => {
+	const visible = count > 0;
+	const label = `${count} selected`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		role: "region",
+		"aria-label": "Bulk actions",
+		"aria-hidden": !visible,
+		className: (0, classnames.default)("pointer-events-none fixed bottom-6 left-1/2 z-50", "-translate-x-1/2 transition duration-200 ease-out", visible ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-4 opacity-0"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, classnames.default)("pointer-events-auto flex items-center gap-3 rounded-full", "bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg"),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-sm font-medium",
+					children: label
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "h-5 w-px bg-white/20" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+					type: "text",
+					shape: "round",
+					size: "small",
+					icon: action.icon,
+					loading: action.loading,
+					onClick: action.onClick,
+					className: "!text-white hover:!bg-white/10 hover:!text-white",
+					children: action.label
+				}),
+				secondaryActions?.map((sec) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+					type: "text",
+					shape: "round",
+					size: "small",
+					icon: sec.icon,
+					loading: sec.loading,
+					onClick: sec.onClick,
+					className: "!text-white hover:!bg-white/10 hover:!text-white",
+					children: sec.label
+				}, sec.label)),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+					type: "text",
+					shape: "round",
+					size: "small",
+					onClick: onCancel,
+					className: "!text-white hover:!bg-white/10 hover:!text-white",
+					children: cancelLabel
+				})
+			]
+		})
+	});
 };
+//#endregion
 exports.BulkActionBar = BulkActionBar;
-//# sourceMappingURL=BulkActionBar.cjs.map
+
+//# sourceMappingURL=BulkActionBar.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"BulkActionBar.cjs","sources":["../../../../src/components/bulkActionBar/BulkActionBar.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport cx from 'classnames'\nimport { Button } from '../button'\n\ntype BulkActionBarProps = {\n  /**\n   * Number of rows currently selected. The bar slides in when count > 0\n   * and slides out when count returns to 0.\n   */\n  count: number\n  /** Primary action (Archive, Restore, Delete, etc.). */\n  action: {\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }\n  /** Optional secondary actions rendered between the primary action and Cancel. */\n  secondaryActions?: Array<{\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }>\n  /** Clears the selection. Renders as the trailing \"Cancel\" button. */\n  onCancel: () => void\n  /** Custom Cancel label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n}\n\n/**\n * Floating bulk-action toolbar. Renders fixed to the bottom-center of the\n * viewport and slides in whenever `count > 0`. Use it above any list/table\n * surface that supports row selection — pair with Ant Design's\n * `rowSelection` prop on `<Table>` (or any controlled selection state).\n *\n * Destructive intent is enforced by whatever confirmation modal the host\n * surface shows after `action.onClick` — the bar itself is always neutral\n * (text-on-navy) so it never reads as a one-click destructive control.\n */\nexport const BulkActionBar = ({\n  count,\n  action,\n  secondaryActions,\n  onCancel,\n  cancelLabel = 'Cancel',\n}: BulkActionBarProps) => {\n  const visible = count > 0\n  const label = `${count} selected`\n\n  return (\n    <div\n      role=\"region\"\n      aria-label=\"Bulk actions\"\n      aria-hidden={!visible}\n      className={cx(\n        'pointer-events-none fixed bottom-6 left-1/2 z-50',\n        '-translate-x-1/2 transition duration-200 ease-out',\n        visible\n          ? 'translate-y-0 opacity-100'\n          : 'pointer-events-none translate-y-4 opacity-0'\n      )}\n    >\n      <div\n        className={cx(\n          'pointer-events-auto flex items-center gap-3 rounded-full',\n          'bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg'\n        )}\n      >\n        <span className=\"text-sm font-medium\">{label}</span>\n        <div className=\"h-5 w-px bg-white/20\" />\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          icon={action.icon}\n          loading={action.loading}\n          onClick={action.onClick}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {action.label}\n        </Button>\n        {secondaryActions?.map((sec) => (\n          <Button\n            key={sec.label}\n            type=\"text\"\n            shape=\"round\"\n            size=\"small\"\n            icon={sec.icon}\n            loading={sec.loading}\n            onClick={sec.onClick}\n            className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n          >\n            {sec.label}\n          </Button>\n        ))}\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          onClick={onCancel}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {cancelLabel}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["jsx","jsxs","Button"],"mappings":";;;;;AAwCO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAA0B;AACxB,QAAM,UAAU,QAAQ;AACxB,QAAM,QAAQ,GAAG,KAAK;AAEtB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,eAAa,CAAC;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UACI,8BACA;AAAA,MAAA;AAAA,MAGN,UAAAC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,uBAAuB,UAAA,OAAM;AAAA,YAC7CA,2BAAAA,IAAC,OAAA,EAAI,WAAU,uBAAA,CAAuB;AAAA,YACtCA,2BAAAA;AAAAA,cAACE,OAAAA;AAAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,MAAM,OAAO;AAAA,gBACb,SAAS,OAAO;AAAA,gBAChB,SAAS,OAAO;AAAA,gBAChB,WAAU;AAAA,gBAET,UAAA,OAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAET,qDAAkB,IAAI,CAAC,QACtBF,2BAAAA;AAAAA,cAACE,OAAAA;AAAAA,cAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,MAAM,IAAI;AAAA,gBACV,SAAS,IAAI;AAAA,gBACb,SAAS,IAAI;AAAA,gBACb,WAAU;AAAA,gBAET,UAAA,IAAI;AAAA,cAAA;AAAA,cATA,IAAI;AAAA,YAAA;AAAA,YAYbF,2BAAAA;AAAAA,cAACE,OAAAA;AAAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAU;AAAA,gBAET,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"BulkActionBar.cjs","names":["cx","Button"],"sources":["../../../../src/components/bulkActionBar/BulkActionBar.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport cx from 'classnames'\nimport { Button } from '../button'\n\ntype BulkActionBarProps = {\n  /**\n   * Number of rows currently selected. The bar slides in when count > 0\n   * and slides out when count returns to 0.\n   */\n  count: number\n  /** Primary action (Archive, Restore, Delete, etc.). */\n  action: {\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }\n  /** Optional secondary actions rendered between the primary action and Cancel. */\n  secondaryActions?: Array<{\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }>\n  /** Clears the selection. Renders as the trailing \"Cancel\" button. */\n  onCancel: () => void\n  /** Custom Cancel label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n}\n\n/**\n * Floating bulk-action toolbar. Renders fixed to the bottom-center of the\n * viewport and slides in whenever `count > 0`. Use it above any list/table\n * surface that supports row selection — pair with Ant Design's\n * `rowSelection` prop on `<Table>` (or any controlled selection state).\n *\n * Destructive intent is enforced by whatever confirmation modal the host\n * surface shows after `action.onClick` — the bar itself is always neutral\n * (text-on-navy) so it never reads as a one-click destructive control.\n */\nexport const BulkActionBar = ({\n  count,\n  action,\n  secondaryActions,\n  onCancel,\n  cancelLabel = 'Cancel',\n}: BulkActionBarProps) => {\n  const visible = count > 0\n  const label = `${count} selected`\n\n  return (\n    <div\n      role=\"region\"\n      aria-label=\"Bulk actions\"\n      aria-hidden={!visible}\n      className={cx(\n        'pointer-events-none fixed bottom-6 left-1/2 z-50',\n        '-translate-x-1/2 transition duration-200 ease-out',\n        visible\n          ? 'translate-y-0 opacity-100'\n          : 'pointer-events-none translate-y-4 opacity-0'\n      )}\n    >\n      <div\n        className={cx(\n          'pointer-events-auto flex items-center gap-3 rounded-full',\n          'bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg'\n        )}\n      >\n        <span className=\"text-sm font-medium\">{label}</span>\n        <div className=\"h-5 w-px bg-white/20\" />\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          icon={action.icon}\n          loading={action.loading}\n          onClick={action.onClick}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {action.label}\n        </Button>\n        {secondaryActions?.map((sec) => (\n          <Button\n            key={sec.label}\n            type=\"text\"\n            shape=\"round\"\n            size=\"small\"\n            icon={sec.icon}\n            loading={sec.loading}\n            onClick={sec.onClick}\n            className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n          >\n            {sec.label}\n          </Button>\n        ))}\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          onClick={onCancel}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {cancelLabel}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAwCA,IAAa,iBAAiB,EAC5B,OACA,QACA,kBACA,UACA,cAAc,eACU;CACxB,MAAM,UAAU,QAAQ;CACxB,MAAM,QAAQ,GAAG,MAAM;CAEvB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,eAAa,CAAC;EACd,YAAA,GAAWA,WAAAA,QAAAA,CACT,oDACA,qDACA,UACI,8BACA,6CACN;EAEA,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GACE,YAAA,GAAWA,WAAAA,QAAAA,CACT,4DACA,0DACF;GAJF,UAAA;IAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAAuB,UAAA;IAAY,CAAA;IACnD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,WAAU,uBAAwB,CAAA;IACvC,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD;KACE,MAAK;KACL,OAAM;KACN,MAAK;KACL,MAAM,OAAO;KACb,SAAS,OAAO;KAChB,SAAS,OAAO;KAChB,WAAU;KAET,UAAA,OAAO;IACF,CAAA;IACP,kBAAkB,KAAK,QACtB,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;KAEE,MAAK;KACL,OAAM;KACN,MAAK;KACL,MAAM,IAAI;KACV,SAAS,IAAI;KACb,SAAS,IAAI;KACb,WAAU;KAET,UAAA,IAAI;IACC,GAVD,IAAI,KAUH,CACT;IACD,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;KACE,MAAK;KACL,OAAM;KACN,MAAK;KACL,SAAS;KACT,WAAU;KAET,UAAA;IACK,CAAA;GACL;;CACF,CAAA;AAET"}

package/dist/src/components/bulkActionBar/BulkActionBar.d.ts

@@ -34,5 +34,5 @@ type BulkActionBarProps = {
  * surface shows after `action.onClick` — the bar itself is always neutral
  * (text-on-navy) so it never reads as a one-click destructive control.
  */
-export declare const BulkActionBar: ({ count, action, secondaryActions, onCancel, cancelLabel, }: BulkActionBarProps) => import("react").JSX.Element;
+export declare const BulkActionBar: ({ count, action, secondaryActions, onCancel, cancelLabel, }: BulkActionBarProps) => import('react').JSX.Element;
 export {};

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

@@ -1,81 +1,66 @@
+import { Button } from "../button/Button.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import cx from "classnames";
-import { Button } from "../button/Button.js";
-const BulkActionBar = ({
-  count,
-  action,
-  secondaryActions,
-  onCancel,
-  cancelLabel = "Cancel"
-}) => {
-  const visible = count > 0;
-  const label = `${count} selected`;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "region",
-      "aria-label": "Bulk actions",
-      "aria-hidden": !visible,
-      className: cx(
-        "pointer-events-none fixed bottom-6 left-1/2 z-50",
-        "-translate-x-1/2 transition duration-200 ease-out",
-        visible ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-4 opacity-0"
-      ),
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cx(
-            "pointer-events-auto flex items-center gap-3 rounded-full",
-            "bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg"
-          ),
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: label }),
-            /* @__PURE__ */ jsx("div", { className: "h-5 w-px bg-white/20" }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "text",
-                shape: "round",
-                size: "small",
-                icon: action.icon,
-                loading: action.loading,
-                onClick: action.onClick,
-                className: "!text-white hover:!bg-white/10 hover:!text-white",
-                children: action.label
-              }
-            ),
-            secondaryActions == null ? void 0 : secondaryActions.map((sec) => /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "text",
-                shape: "round",
-                size: "small",
-                icon: sec.icon,
-                loading: sec.loading,
-                onClick: sec.onClick,
-                className: "!text-white hover:!bg-white/10 hover:!text-white",
-                children: sec.label
-              },
-              sec.label
-            )),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "text",
-                shape: "round",
-                size: "small",
-                onClick: onCancel,
-                className: "!text-white hover:!bg-white/10 hover:!text-white",
-                children: cancelLabel
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  BulkActionBar
+//#region 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
+* surface that supports row selection — pair with Ant Design's
+* `rowSelection` prop on `<Table>` (or any controlled selection state).
+*
+* Destructive intent is enforced by whatever confirmation modal the host
+* surface shows after `action.onClick` — the bar itself is always neutral
+* (text-on-navy) so it never reads as a one-click destructive control.
+*/
+var BulkActionBar = ({ count, action, secondaryActions, onCancel, cancelLabel = "Cancel" }) => {
+	const visible = count > 0;
+	const label = `${count} selected`;
+	return /* @__PURE__ */ jsx("div", {
+		role: "region",
+		"aria-label": "Bulk actions",
+		"aria-hidden": !visible,
+		className: cx("pointer-events-none fixed bottom-6 left-1/2 z-50", "-translate-x-1/2 transition duration-200 ease-out", visible ? "translate-y-0 opacity-100" : "pointer-events-none translate-y-4 opacity-0"),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cx("pointer-events-auto flex items-center gap-3 rounded-full", "bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg"),
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "text-sm font-medium",
+					children: label
+				}),
+				/* @__PURE__ */ jsx("div", { className: "h-5 w-px bg-white/20" }),
+				/* @__PURE__ */ jsx(Button, {
+					type: "text",
+					shape: "round",
+					size: "small",
+					icon: action.icon,
+					loading: action.loading,
+					onClick: action.onClick,
+					className: "!text-white hover:!bg-white/10 hover:!text-white",
+					children: action.label
+				}),
+				secondaryActions?.map((sec) => /* @__PURE__ */ jsx(Button, {
+					type: "text",
+					shape: "round",
+					size: "small",
+					icon: sec.icon,
+					loading: sec.loading,
+					onClick: sec.onClick,
+					className: "!text-white hover:!bg-white/10 hover:!text-white",
+					children: sec.label
+				}, sec.label)),
+				/* @__PURE__ */ jsx(Button, {
+					type: "text",
+					shape: "round",
+					size: "small",
+					onClick: onCancel,
+					className: "!text-white hover:!bg-white/10 hover:!text-white",
+					children: cancelLabel
+				})
+			]
+		})
+	});
 };
-//# sourceMappingURL=BulkActionBar.js.map
+//#endregion
+export { BulkActionBar };
+
+//# sourceMappingURL=BulkActionBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BulkActionBar.js","sources":["../../../../src/components/bulkActionBar/BulkActionBar.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport cx from 'classnames'\nimport { Button } from '../button'\n\ntype BulkActionBarProps = {\n  /**\n   * Number of rows currently selected. The bar slides in when count > 0\n   * and slides out when count returns to 0.\n   */\n  count: number\n  /** Primary action (Archive, Restore, Delete, etc.). */\n  action: {\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }\n  /** Optional secondary actions rendered between the primary action and Cancel. */\n  secondaryActions?: Array<{\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }>\n  /** Clears the selection. Renders as the trailing \"Cancel\" button. */\n  onCancel: () => void\n  /** Custom Cancel label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n}\n\n/**\n * Floating bulk-action toolbar. Renders fixed to the bottom-center of the\n * viewport and slides in whenever `count > 0`. Use it above any list/table\n * surface that supports row selection — pair with Ant Design's\n * `rowSelection` prop on `<Table>` (or any controlled selection state).\n *\n * Destructive intent is enforced by whatever confirmation modal the host\n * surface shows after `action.onClick` — the bar itself is always neutral\n * (text-on-navy) so it never reads as a one-click destructive control.\n */\nexport const BulkActionBar = ({\n  count,\n  action,\n  secondaryActions,\n  onCancel,\n  cancelLabel = 'Cancel',\n}: BulkActionBarProps) => {\n  const visible = count > 0\n  const label = `${count} selected`\n\n  return (\n    <div\n      role=\"region\"\n      aria-label=\"Bulk actions\"\n      aria-hidden={!visible}\n      className={cx(\n        'pointer-events-none fixed bottom-6 left-1/2 z-50',\n        '-translate-x-1/2 transition duration-200 ease-out',\n        visible\n          ? 'translate-y-0 opacity-100'\n          : 'pointer-events-none translate-y-4 opacity-0'\n      )}\n    >\n      <div\n        className={cx(\n          'pointer-events-auto flex items-center gap-3 rounded-full',\n          'bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg'\n        )}\n      >\n        <span className=\"text-sm font-medium\">{label}</span>\n        <div className=\"h-5 w-px bg-white/20\" />\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          icon={action.icon}\n          loading={action.loading}\n          onClick={action.onClick}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {action.label}\n        </Button>\n        {secondaryActions?.map((sec) => (\n          <Button\n            key={sec.label}\n            type=\"text\"\n            shape=\"round\"\n            size=\"small\"\n            icon={sec.icon}\n            loading={sec.loading}\n            onClick={sec.onClick}\n            className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n          >\n            {sec.label}\n          </Button>\n        ))}\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          onClick={onCancel}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {cancelLabel}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAwCO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,MAA0B;AACxB,QAAM,UAAU,QAAQ;AACxB,QAAM,QAAQ,GAAG,KAAK;AAEtB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,eAAa,CAAC;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UACI,8BACA;AAAA,MAAA;AAAA,MAGN,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,oBAAC,QAAA,EAAK,WAAU,uBAAuB,UAAA,OAAM;AAAA,YAC7C,oBAAC,OAAA,EAAI,WAAU,uBAAA,CAAuB;AAAA,YACtC;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,MAAM,OAAO;AAAA,gBACb,SAAS,OAAO;AAAA,gBAChB,SAAS,OAAO;AAAA,gBAChB,WAAU;AAAA,gBAET,UAAA,OAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAET,qDAAkB,IAAI,CAAC,QACtB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,MAAM,IAAI;AAAA,gBACV,SAAS,IAAI;AAAA,gBACb,SAAS,IAAI;AAAA,gBACb,WAAU;AAAA,gBAET,UAAA,IAAI;AAAA,cAAA;AAAA,cATA,IAAI;AAAA,YAAA;AAAA,YAYb;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAU;AAAA,gBAET,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"BulkActionBar.js","names":[],"sources":["../../../../src/components/bulkActionBar/BulkActionBar.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport cx from 'classnames'\nimport { Button } from '../button'\n\ntype BulkActionBarProps = {\n  /**\n   * Number of rows currently selected. The bar slides in when count > 0\n   * and slides out when count returns to 0.\n   */\n  count: number\n  /** Primary action (Archive, Restore, Delete, etc.). */\n  action: {\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }\n  /** Optional secondary actions rendered between the primary action and Cancel. */\n  secondaryActions?: Array<{\n    label: string\n    icon?: ReactNode\n    loading?: boolean\n    onClick: () => void\n  }>\n  /** Clears the selection. Renders as the trailing \"Cancel\" button. */\n  onCancel: () => void\n  /** Custom Cancel label. Defaults to `\"Cancel\"`. */\n  cancelLabel?: string\n}\n\n/**\n * Floating bulk-action toolbar. Renders fixed to the bottom-center of the\n * viewport and slides in whenever `count > 0`. Use it above any list/table\n * surface that supports row selection — pair with Ant Design's\n * `rowSelection` prop on `<Table>` (or any controlled selection state).\n *\n * Destructive intent is enforced by whatever confirmation modal the host\n * surface shows after `action.onClick` — the bar itself is always neutral\n * (text-on-navy) so it never reads as a one-click destructive control.\n */\nexport const BulkActionBar = ({\n  count,\n  action,\n  secondaryActions,\n  onCancel,\n  cancelLabel = 'Cancel',\n}: BulkActionBarProps) => {\n  const visible = count > 0\n  const label = `${count} selected`\n\n  return (\n    <div\n      role=\"region\"\n      aria-label=\"Bulk actions\"\n      aria-hidden={!visible}\n      className={cx(\n        'pointer-events-none fixed bottom-6 left-1/2 z-50',\n        '-translate-x-1/2 transition duration-200 ease-out',\n        visible\n          ? 'translate-y-0 opacity-100'\n          : 'pointer-events-none translate-y-4 opacity-0'\n      )}\n    >\n      <div\n        className={cx(\n          'pointer-events-auto flex items-center gap-3 rounded-full',\n          'bg-j2-primary-active py-2 pl-4 pr-2 text-white shadow-lg'\n        )}\n      >\n        <span className=\"text-sm font-medium\">{label}</span>\n        <div className=\"h-5 w-px bg-white/20\" />\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          icon={action.icon}\n          loading={action.loading}\n          onClick={action.onClick}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {action.label}\n        </Button>\n        {secondaryActions?.map((sec) => (\n          <Button\n            key={sec.label}\n            type=\"text\"\n            shape=\"round\"\n            size=\"small\"\n            icon={sec.icon}\n            loading={sec.loading}\n            onClick={sec.onClick}\n            className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n          >\n            {sec.label}\n          </Button>\n        ))}\n        <Button\n          type=\"text\"\n          shape=\"round\"\n          size=\"small\"\n          onClick={onCancel}\n          className=\"!text-white hover:!bg-white/10 hover:!text-white\"\n        >\n          {cancelLabel}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAwCA,IAAa,iBAAiB,EAC5B,OACA,QACA,kBACA,UACA,cAAc,eACU;CACxB,MAAM,UAAU,QAAQ;CACxB,MAAM,QAAQ,GAAG,MAAM;CAEvB,OACE,oBAAC,OAAD;EACE,MAAK;EACL,cAAW;EACX,eAAa,CAAC;EACd,WAAW,GACT,oDACA,qDACA,UACI,8BACA,6CACN;EAEA,UAAA,qBAAC,OAAD;GACE,WAAW,GACT,4DACA,0DACF;GAJF,UAAA;IAME,oBAAC,QAAD;KAAM,WAAU;KAAuB,UAAA;IAAY,CAAA;IACnD,oBAAC,OAAD,EAAK,WAAU,uBAAwB,CAAA;IACvC,oBAAC,QAAD;KACE,MAAK;KACL,OAAM;KACN,MAAK;KACL,MAAM,OAAO;KACb,SAAS,OAAO;KAChB,SAAS,OAAO;KAChB,WAAU;KAET,UAAA,OAAO;IACF,CAAA;IACP,kBAAkB,KAAK,QACtB,oBAAC,QAAD;KAEE,MAAK;KACL,OAAM;KACN,MAAK;KACL,MAAM,IAAI;KACV,SAAS,IAAI;KACb,SAAS,IAAI;KACb,WAAU;KAET,UAAA,IAAI;IACC,GAVD,IAAI,KAUH,CACT;IACD,oBAAC,QAAD;KACE,MAAK;KACL,OAAM;KACN,MAAK;KACL,SAAS;KACT,WAAU;KAET,UAAA;IACK,CAAA;GACL;;CACF,CAAA;AAET"}