@12-apps/ui 6.54.1 → 6.56.0

package/dist/chunk-GOWBYHYW.js

@@ -1,152 +0,0 @@
-import {
-  chartValueFormatter
-} from "./chunk-QVWNK4JO.js";
-import {
-  getChartSpecRenderer,
-  getRegisteredChartSpecTypes
-} from "./chunk-WKUA6P3W.js";
-
-// src/components/data-display/Chart/chart-spec.ts
-var CHART_SEMANTIC_COLORS = [
-  "primary",
-  "secondary",
-  "success",
-  "warning",
-  "danger",
-  "info"
-];
-var NUMBER_FORMATS = ["brl", "percent", "compact", "integer", "decimal"];
-var ChartSpecError = class extends Error {
-  constructor(message) {
-    super(message);
-    this.name = "ChartSpecError";
-  }
-};
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function assertColor(value, where) {
-  if (value === void 0) return;
-  if (!CHART_SEMANTIC_COLORS.includes(value)) {
-    throw new ChartSpecError(
-      `${where} must be a semantic color token (${CHART_SEMANTIC_COLORS.join(", ")}), got ${JSON.stringify(value)}. Raw color values are not allowed.`
-    );
-  }
-}
-function parseAxis(value) {
-  if (!isRecord(value) || typeof value.key !== "string" || value.key.length === 0) {
-    throw new ChartSpecError('"xAxis" must be an object with a non-empty string "key" naming the row property for the category axis.');
-  }
-  if (value.label !== void 0 && typeof value.label !== "string") {
-    throw new ChartSpecError('"xAxis.label" must be a string when provided.');
-  }
-  return { key: value.key, label: value.label };
-}
-function parseSeries(value) {
-  if (!Array.isArray(value) || value.length === 0) {
-    throw new ChartSpecError('"series" must be a non-empty array of { key, label?, color? } objects.');
-  }
-  return value.map((entry, index) => {
-    if (!isRecord(entry) || typeof entry.key !== "string" || entry.key.length === 0) {
-      throw new ChartSpecError(`"series[${index}]" must be an object with a non-empty string "key" naming the row property holding its values.`);
-    }
-    assertColor(entry.color, `"series[${index}].color"`);
-    if (entry.label !== void 0 && typeof entry.label !== "string") {
-      throw new ChartSpecError(`"series[${index}].label" must be a string when provided.`);
-    }
-    return { key: entry.key, label: entry.label, color: entry.color };
-  });
-}
-function assertFieldType(spec, field, expected) {
-  const value = spec[field];
-  if (value !== void 0 && typeof value !== expected) {
-    throw new ChartSpecError(`"${field}" must be a ${expected} when provided.`);
-  }
-}
-function parseColorScheme(value) {
-  if (value === void 0) return void 0;
-  if (!Array.isArray(value) || value.length === 0) {
-    throw new ChartSpecError('"colorScheme" must be a non-empty array of semantic color tokens when provided.');
-  }
-  value.forEach((token, index) => assertColor(token, `"colorScheme[${index}]"`));
-  return value;
-}
-function parseOptionalFields(spec) {
-  for (const field of ["title", "subtitle"]) assertFieldType(spec, field, "string");
-  for (const field of ["stacked", "legend", "tooltip", "curved"]) {
-    assertFieldType(spec, field, "boolean");
-  }
-  assertFieldType(spec, "height", "number");
-  if (spec.numberFormat !== void 0 && !NUMBER_FORMATS.includes(spec.numberFormat)) {
-    throw new ChartSpecError(
-      `"numberFormat" must be one of ${NUMBER_FORMATS.join(", ")}, got ${JSON.stringify(spec.numberFormat)}.`
-    );
-  }
-  return {
-    title: spec.title,
-    subtitle: spec.subtitle,
-    stacked: spec.stacked,
-    legend: spec.legend,
-    tooltip: spec.tooltip,
-    curved: spec.curved,
-    height: spec.height,
-    numberFormat: spec.numberFormat,
-    colorScheme: parseColorScheme(spec.colorScheme)
-  };
-}
-function parseChartSpec(input) {
-  if (!isRecord(input)) {
-    throw new ChartSpecError("A chart spec must be a JSON object.");
-  }
-  const type = input.type;
-  if (typeof type !== "string" || !getChartSpecRenderer(type)) {
-    throw new ChartSpecError(
-      `"type" must be one of the registered chart types (${getRegisteredChartSpecTypes().join(", ")}), got ${JSON.stringify(type)}.`
-    );
-  }
-  const yAxis = input.yAxis;
-  if (yAxis !== void 0 && (!isRecord(yAxis) || yAxis.label !== void 0 && typeof yAxis.label !== "string")) {
-    throw new ChartSpecError('"yAxis" must be an object with an optional string "label" when provided.');
-  }
-  const centerLabel = input.centerLabel;
-  return {
-    ...parseOptionalFields(input),
-    type,
-    xAxis: parseAxis(input.xAxis),
-    yAxis,
-    series: parseSeries(input.series),
-    centerLabel
-  };
-}
-function specToChartProps(spec, data, ctx) {
-  const renderer = getChartSpecRenderer(spec.type);
-  if (!renderer) {
-    throw new ChartSpecError(
-      `Unknown chart type "${spec.type}". Registered types: ${getRegisteredChartSpecTypes().join(", ")}.`
-    );
-  }
-  return {
-    data,
-    title: spec.title,
-    subtitle: spec.subtitle,
-    xAxisKey: spec.xAxis.key,
-    xAxisLabel: spec.xAxis.label,
-    yAxisLabel: spec.yAxis?.label,
-    showLegend: spec.legend ?? true,
-    showTooltip: spec.tooltip ?? true,
-    height: spec.height,
-    valueFormatter: chartValueFormatter(spec.numberFormat),
-    // An integer metric is a COUNT: half a row does not exist, so the axis must
-    // not offer half-steps it would then round into duplicates (FUT-755).
-    allowDecimalTicks: spec.numberFormat !== "integer",
-    ...renderer(spec, ctx)
-  };
-}
-
-export {
-  CHART_SEMANTIC_COLORS,
-  ChartSpecError,
-  parseChartSpec,
-  specToChartProps
-};
-//# sourceMappingURL=chunk-GOWBYHYW.js.map

package/dist/chunk-GRZQM5JA.js

@@ -1,151 +0,0 @@
-import {
-  CheckGlyph,
-  DisclosureGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  METRICS,
-  checkboxBarSx,
-  checkboxSx,
-  chevronButtonSx,
-  markSx,
-  radioSx,
-  rowIndent,
-  rowMetaSx,
-  rowNameSx,
-  rowSx,
-  sectionHeadSx
-} from "./chunk-EO7BGDLF.js";
-import {
-  highlightSegments
-} from "./chunk-PN4HVM43.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/form/CategorySelect/CategoryRows.tsx
-import Box from "@mui/material/Box/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function HighlightedName({
-  text,
-  query
-}) {
-  const segments = highlightSegments(text, query);
-  return /* @__PURE__ */ jsx(Fragment, { children: segments.map(
-    (segment, index) => segment.match ? /* @__PURE__ */ jsx(Box, { component: "mark", sx: markSx, children: segment.text }, `${segment.text}-${index}`) : /* @__PURE__ */ jsx("span", { children: segment.text }, `${segment.text}-${index}`)
-  ) });
-}
-function CategoryCheckbox({ state }) {
-  return /* @__PURE__ */ jsxs(Box, { sx: (theme) => checkboxSx(theme, state), "aria-hidden": "true", children: [
-    state === "on" && /* @__PURE__ */ jsx(CheckGlyph, {}),
-    state === "partial" && /* @__PURE__ */ jsx(Box, { sx: checkboxBarSx })
-  ] });
-}
-function CategoryRadio({ on }) {
-  return /* @__PURE__ */ jsx(Box, { sx: (theme) => radioSx(theme, on), "aria-hidden": "true" });
-}
-function rowMeta(selectedCount, showCounts, count) {
-  if (selectedCount > 0) return { text: String(selectedCount), selected: true };
-  if (showCounts && count !== void 0) return { text: String(count), selected: false };
-  return null;
-}
-function RowDisclosure({
-  option,
-  expanded,
-  branch,
-  onToggleExpanded,
-  dataTestId,
-  copy
-}) {
-  if (!branch) {
-    return /* @__PURE__ */ jsx(Box, { sx: { width: sxRem(METRICS.chevronButtonPx), flex: "0 0 auto" } });
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      tabIndex: -1,
-      "aria-label": expanded ? copy.collapseCategory(option.name) : copy.expandCategory(option.name),
-      "data-testid": `${dataTestId}-expand-${option.id}`,
-      sx: (theme) => chevronButtonSx(theme, expanded),
-      onClick: (event) => {
-        event.stopPropagation();
-        onToggleExpanded();
-      },
-      children: /* @__PURE__ */ jsx(DisclosureGlyph, {})
-    }
-  );
-}
-function RowControl({
-  checkState,
-  single
-}) {
-  if (!checkState) return /* @__PURE__ */ jsx(Box, { sx: { width: sxRem(METRICS.boxSizePx), flex: "0 0 auto" } });
-  if (single) return /* @__PURE__ */ jsx(CategoryRadio, { on: checkState === "on" });
-  return /* @__PURE__ */ jsx(CategoryCheckbox, { state: checkState });
-}
-function rowTestId(dataTestId, depth, id) {
-  return depth === 0 ? `${dataTestId}-category-${id}` : `${dataTestId}-option-${id}`;
-}
-function CategoryTreeRow({
-  option,
-  query,
-  depth,
-  branch,
-  expanded,
-  active,
-  sheet,
-  checkState,
-  single,
-  selectedCount,
-  showCounts,
-  onToggleExpanded,
-  onActivate,
-  dataTestId,
-  copy
-}) {
-  const meta = rowMeta(selectedCount, showCounts, option.count);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "div",
-      role: checkState ? "option" : "button",
-      "aria-selected": checkState ? checkState === "on" : void 0,
-      "aria-expanded": branch ? expanded : void 0,
-      "data-testid": rowTestId(dataTestId, depth, option.id),
-      sx: (theme) => ({ ...rowSx(theme, active, sheet), ...rowIndent(theme, depth) }),
-      onClick: onActivate,
-      children: [
-        /* @__PURE__ */ jsx(
-          RowDisclosure,
-          {
-            option,
-            expanded,
-            branch,
-            onToggleExpanded,
-            dataTestId,
-            copy
-          }
-        ),
-        /* @__PURE__ */ jsx(RowControl, { checkState, single }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowNameSx(theme, depth === 0), children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) }),
-        meta && /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowMetaSx(theme, meta.selected), children: meta.text })
-      ]
-    }
-  );
-}
-function CategorySectionHeading({
-  option,
-  query
-}) {
-  return /* @__PURE__ */ jsx(Box, { sx: sectionHeadSx, children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) });
-}
-
-export {
-  HighlightedName,
-  CategoryCheckbox,
-  CategoryRadio,
-  CategoryTreeRow,
-  CategorySectionHeading
-};
-//# sourceMappingURL=chunk-GRZQM5JA.js.map

package/dist/chunk-GVGJMH77.js

@@ -1,86 +0,0 @@
-import {
-  alpha
-} from "./chunk-6JAIFIPW.js";
-import {
-  ABSOLUTE_INK
-} from "./chunk-N3GAFIXG.js";
-
-// src/components/feedback/Dialog/Dialog.metrics.ts
-var DIALOG_RADIUS_UNITS = {
-  none: 0,
-  sm: 0.5,
-  md: 1,
-  lg: 2,
-  xl: 3
-};
-var DIALOG_MAX_WIDTH = {
-  xs: 400,
-  sm: 600,
-  md: 800,
-  lg: 1e3,
-  xl: 1200
-};
-var DIALOG_WIDTH_PERCENT = 90;
-var DIALOG_MARGIN_UNITS = 2;
-var DIALOG_BORDER_WIDTH = 1;
-var DIALOG_PAPER_SHADOW = [
-  { offsetX: 0, offsetY: 11, blurRadius: 15, spreadDistance: -7, color: alpha(ABSOLUTE_INK.black, 0.2) },
-  { offsetX: 0, offsetY: 24, blurRadius: 38, spreadDistance: 3, color: alpha(ABSOLUTE_INK.black, 0.14) },
-  { offsetX: 0, offsetY: 9, blurRadius: 46, spreadDistance: 8, color: alpha(ABSOLUTE_INK.black, 0.12) }
-];
-var DIALOG_GLASS = {
-  backgroundAlpha: 0.1,
-  blurPx: 20,
-  borderAlpha: 0.2,
-  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 }
-};
-var DIALOG_GRADIENT = { angleDeg: 135, stopAlpha: 0.1, blurPx: 10 };
-var DIALOG_GLOW = { blurRadius: 40, alpha: 0.3 };
-var DIALOG_PULSE = {
-  alpha: 0.3,
-  durationMs: 2e3,
-  spread: 20,
-  /** The fraction of the cycle the ring is still visible for. */
-  fadeAt: 0.7,
-  zIndex: -1
-};
-var DIALOG_BACKDROP = { alpha: { plain: 0.5, glass: 0.2 }, blurPx: 8 };
-var DIALOG_BODY_PADDING_UNITS = {
-  horizontal: 3,
-  bottom: 2.5,
-  top: 2.5,
-  /** Tighter under a title, whose own bottom padding is most of the gap. */
-  topUnderTitle: 0.5
-};
-var DIALOG_HEADER_CHILDREN_PADDING_UNITS = 2;
-var DIALOG_TITLE = {
-  padding: { top: 16, horizontal: 24 },
-  paddingBottomUnits: { withSubtitle: 1, plain: 2 },
-  subtitleGapUnits: 0.5
-};
-var DIALOG_CLOSE_BUTTON = { padding: 8, iconSize: 24 };
-var DIALOG_CONTENT_PADDING_UNITS = { normal: 3, dense: 1.5 };
-var DIALOG_TITLED_BODY_PADDING_TOP_UNITS = 1.5;
-var DIALOG_ACTIONS = { paddingUnits: 2, defaultSpacingUnits: 1 };
-
-export {
-  DIALOG_RADIUS_UNITS,
-  DIALOG_MAX_WIDTH,
-  DIALOG_WIDTH_PERCENT,
-  DIALOG_MARGIN_UNITS,
-  DIALOG_BORDER_WIDTH,
-  DIALOG_PAPER_SHADOW,
-  DIALOG_GLASS,
-  DIALOG_GRADIENT,
-  DIALOG_GLOW,
-  DIALOG_PULSE,
-  DIALOG_BACKDROP,
-  DIALOG_BODY_PADDING_UNITS,
-  DIALOG_HEADER_CHILDREN_PADDING_UNITS,
-  DIALOG_TITLE,
-  DIALOG_CLOSE_BUTTON,
-  DIALOG_CONTENT_PADDING_UNITS,
-  DIALOG_TITLED_BODY_PADDING_TOP_UNITS,
-  DIALOG_ACTIONS
-};
-//# sourceMappingURL=chunk-GVGJMH77.js.map

package/dist/chunk-H6N7XXUB.js

@@ -1,66 +0,0 @@
-import {
-  accentFor
-} from "./chunk-3IPPMWUA.js";
-import {
-  rem,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/Carousel/Carousel.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var SIZES = {
-  xs: { height: sxRem(200), fontSize: sxRem(12) },
-  sm: { height: sxRem(300), fontSize: sxRem(14) },
-  md: { height: sxRem(400), fontSize: sxRem(16) },
-  lg: { height: sxRem(500), fontSize: sxRem(18) },
-  xl: { height: sxRem(600), fontSize: sxRem(20) }
-};
-var sizeStyles = (size) => SIZES[size] ?? SIZES.md;
-var frameBox = (theme, size, height, width) => ({
-  width: typeof width === "number" ? rem(theme, width) : width,
-  height: typeof height === "number" || height === void 0 ? rem(theme, height ?? 400) : sizeStyles(size).height(theme)
-});
-var SURFACES = {
-  glass: ({ theme, color, glass }) => ({
-    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.9),
-    backdropFilter: `blur(${rem(theme, 20)})`,
-    border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`
-  }),
-  gradient: ({ theme, color, gradient }) => ({
-    background: gradient ? `linear-gradient(135deg, ${alpha(accentFor(theme, color).light, 0.1)}, ${alpha(accentFor(theme, color).dark, 0.1)})` : "transparent"
-  }),
-  elevated: ({ theme }) => ({ boxShadow: theme.shadows[8] }),
-  minimal: () => ({ border: "none", boxShadow: "none" }),
-  cards: ({ theme }) => ({ padding: theme.spacing(2) }),
-  default: () => ({})
-};
-var containerStyles = (input) => {
-  const { theme, variant, color, height, width, glow, pulse } = input;
-  const accent = accentFor(theme, color).main;
-  return {
-    position: "relative",
-    width,
-    height,
-    overflow: "hidden",
-    borderRadius: theme.spacing(1),
-    transition: theme.transitions.create(["all"], {
-      duration: theme.transitions.duration.standard
-    }),
-    ...glow && { boxShadow: `0 0 ${rem(theme, 30)} ${alpha(accent, 0.4)}` },
-    ...pulse && {
-      animation: "pulse 2s infinite",
-      "@keyframes pulse": {
-        "0%": { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },
-        "70%": { boxShadow: `0 0 0 ${rem(theme, 20)} ${alpha(accent, 0)}` },
-        "100%": { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` }
-      }
-    },
-    ...(SURFACES[variant] ?? SURFACES.default)(input)
-  };
-};
-
-export {
-  frameBox,
-  containerStyles
-};
-//# sourceMappingURL=chunk-H6N7XXUB.js.map