@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-TFZI36UD.js

@@ -1,64 +0,0 @@
-import {
-  onMedia,
-  scrim,
-  sheen
-} from "./chunk-FQ6UW7IY.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/Lightbox/Lightbox.constants.ts
-var MIN_ZOOM = 0.5;
-var MAX_ZOOM = 5;
-var ZOOM_STEP = 1.2;
-var WHEEL_ZOOM_FACTOR = 0.01;
-var DEFAULT_AUTOPLAY_INTERVAL_MS = 4e3;
-var MIN_SWIPE_DISTANCE = 50;
-var OVERLAY_Z_INDEX = 1e3;
-var SCRIM = (theme) => scrim(theme, 0.5);
-var SCRIM_HOVER = (theme) => scrim(theme, 0.7);
-var overlayButtonSx = {
-  color: onMedia,
-  backgroundColor: SCRIM,
-  "&:hover": { backgroundColor: SCRIM_HOVER }
-};
-var navButtonSx = {
-  color: onMedia,
-  backgroundColor: SCRIM,
-  "&:hover:not(:disabled)": { backgroundColor: SCRIM_HOVER },
-  "&:disabled": { color: (theme) => sheen(theme, 0.3) }
-};
-var captionSx = {
-  color: onMedia,
-  textAlign: "center",
-  backgroundColor: SCRIM_HOVER,
-  borderRadius: 1
-};
-var counterSx = {
-  color: onMedia,
-  fontSize: sxRem(14),
-  backgroundColor: SCRIM,
-  borderRadius: 1
-};
-var thumbnailStripSx = {
-  background: SCRIM,
-  borderRadius: 1
-};
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `lightbox-${suffix}`;
-
-export {
-  MIN_ZOOM,
-  MAX_ZOOM,
-  ZOOM_STEP,
-  WHEEL_ZOOM_FACTOR,
-  DEFAULT_AUTOPLAY_INTERVAL_MS,
-  MIN_SWIPE_DISTANCE,
-  OVERLAY_Z_INDEX,
-  overlayButtonSx,
-  navButtonSx,
-  captionSx,
-  counterSx,
-  thumbnailStripSx,
-  makeTestId
-};
-//# sourceMappingURL=chunk-TFZI36UD.js.map

package/dist/chunk-TFZI36UD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.constants.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\n\nimport { onMedia, scrim, sheen } from '../../../tokens/ink';\nimport { sxRem } from '../../../tokens/relative';\n\nexport const MIN_ZOOM = 0.5;\nexport const MAX_ZOOM = 5;\nexport const ZOOM_STEP = 1.2;\n// Each wheel notch is ~100 deltaY, so this makes one notch a 1x zoom change.\nexport const WHEEL_ZOOM_FACTOR = 0.01;\n\nexport const DEFAULT_AUTOPLAY_INTERVAL_MS = 4000;\nexport const MIN_SWIPE_DISTANCE = 50;\nexport const OVERLAY_Z_INDEX = 1000;\n\nconst SCRIM = (theme: Theme): string => scrim(theme, 0.5);\nconst SCRIM_HOVER = (theme: Theme): string => scrim(theme, 0.7);\n\nexport const overlayButtonSx = {\n  color: onMedia,\n  backgroundColor: SCRIM,\n  '&:hover': { backgroundColor: SCRIM_HOVER },\n} as const;\n\n// The arrows drop their hover treatment at the ends of a non-looping gallery and\n// dim instead, so a disabled arrow does not look pressable.\nexport const navButtonSx = {\n  color: onMedia,\n  backgroundColor: SCRIM,\n  '&:hover:not(:disabled)': { backgroundColor: SCRIM_HOVER },\n  '&:disabled': { color: (theme: Theme) => sheen(theme, 0.3) },\n} as const;\n\nexport const captionSx = {\n  color: onMedia,\n  textAlign: 'center',\n  backgroundColor: SCRIM_HOVER,\n  borderRadius: 1,\n} as const;\n\nexport const counterSx = {\n  color: onMedia,\n  fontSize: sxRem(14),\n  backgroundColor: SCRIM,\n  borderRadius: 1,\n} as const;\n\nexport const thumbnailStripSx = {\n  background: SCRIM,\n  borderRadius: 1,\n} as const;\n\n// Every element gets `${dataTestId}-suffix` when the caller supplied an id, and\n// `lightbox-suffix` otherwise.\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `lightbox-${suffix}`;\n"],"mappings":";;;;;;;;;;AAKO,IAAM,WAAW;AACjB,IAAM,WAAW;AACjB,IAAM,YAAY;AAElB,IAAM,oBAAoB;AAE1B,IAAM,+BAA+B;AACrC,IAAM,qBAAqB;AAC3B,IAAM,kBAAkB;AAE/B,IAAM,QAAQ,CAAC,UAAyB,MAAM,OAAO,GAAG;AACxD,IAAM,cAAc,CAAC,UAAyB,MAAM,OAAO,GAAG;AAEvD,IAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,WAAW,EAAE,iBAAiB,YAAY;AAC5C;AAIO,IAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,0BAA0B,EAAE,iBAAiB,YAAY;AAAA,EACzD,cAAc,EAAE,OAAO,CAAC,UAAiB,MAAM,OAAO,GAAG,EAAE;AAC7D;AAEO,IAAM,YAAY;AAAA,EACvB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAEO,IAAM,YAAY;AAAA,EACvB,OAAO;AAAA,EACP,UAAU,MAAM,EAAE;AAAA,EAClB,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAEO,IAAM,mBAAmB;AAAA,EAC9B,YAAY;AAAA,EACZ,cAAc;AAChB;AAIO,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,YAAY,MAAM;","names":[]}

package/dist/chunk-TOXTJ7MU.js

@@ -1,144 +0,0 @@
-import {
-  CategorySectionHeading,
-  CategoryTreeRow
-} from "./chunk-XWWFBH2G.js";
-import {
-  categoryCheckState,
-  isLeafCategory,
-  leavesOf
-} from "./chunk-PN4HVM43.js";
-import {
-  emptySx,
-  listSx,
-  skeletonSx
-} from "./chunk-BXAL7OIS.js";
-
-// src/components/form/CategorySelect/CategoryPanelList.tsx
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Skeleton from "@mui/material/Skeleton/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var SENTENCE_CASE = { textTransform: "none" };
-var SKELETON_ROWS = 6;
-function LoadingRows() {
-  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: SKELETON_ROWS }, (_unused, index) => /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", sx: skeletonSx }, index)) });
-}
-function EmptyCatalogue({
-  onCreateCategory,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(Box, { sx: emptySx, "data-testid": `${dataTestId}-empty-catalogue`, children: [
-    /* @__PURE__ */ jsx("strong", { children: copy.emptyTitle }),
-    /* @__PURE__ */ jsx("p", { children: copy.purpose }),
-    onCreateCategory && /* @__PURE__ */ jsx(Button, { variant: "contained", size: "small", sx: SENTENCE_CASE, onClick: () => onCreateCategory(), children: copy.createCategory })
-  ] });
-}
-function NoResults({
-  query,
-  onClearQuery,
-  onCreateCategory,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(Box, { sx: emptySx, "data-testid": `${dataTestId}-no-results`, children: [
-    /* @__PURE__ */ jsx("strong", { children: copy.noResults.title(query) }),
-    /* @__PURE__ */ jsx("p", { children: copy.noResults.hint }),
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: "6px", justifyContent: "center" }, children: [
-      /* @__PURE__ */ jsx(Button, { variant: "outlined", size: "small", sx: SENTENCE_CASE, onClick: onClearQuery, children: copy.noResults.clearSearch }),
-      onCreateCategory && /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "contained",
-          size: "small",
-          sx: SENTENCE_CASE,
-          "data-testid": `${dataTestId}-create`,
-          onClick: () => onCreateCategory(query.trim()),
-          children: copy.noResults.create(query.trim())
-        }
-      )
-    ] })
-  ] });
-}
-function CategoryNodeRows({
-  node,
-  depth,
-  props
-}) {
-  const { draft, query, single, allowParentSelection, rowIds, activeIndex, sheet } = props;
-  const categoryId = node.category.id;
-  const leaf = isLeafCategory(node);
-  const expanded = props.isExpanded(categoryId);
-  const selectable = allowParentSelection || leaf;
-  const asHeading = single && !selectable && !props.deepTree;
-  const selectedCount = leaf ? 0 : leavesOf(node).filter((id) => draft.has(id)).length;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    asHeading ? /* @__PURE__ */ jsx(CategorySectionHeading, { option: node.category, query }) : /* @__PURE__ */ jsx(
-      CategoryTreeRow,
-      {
-        option: node.category,
-        query,
-        depth,
-        branch: !leaf,
-        expanded,
-        active: rowIds[activeIndex] === categoryId,
-        sheet,
-        ...selectable ? { checkState: categoryCheckState(node, draft) } : {},
-        single,
-        selectedCount,
-        showCounts: props.showCounts,
-        onToggleExpanded: () => props.onToggleExpanded(categoryId),
-        onActivate: () => leaf ? props.onActivateSubcategory(categoryId) : props.onActivateCategory(node),
-        dataTestId: props.dataTestId,
-        copy: props.copy
-      }
-    ),
-    (expanded || asHeading) && node.subcategories.map((sub) => /* @__PURE__ */ jsx(CategoryNodeRows, { node: sub, depth: depth + 1, props }, sub.category.id))
-  ] });
-}
-function CategoryPanelList(props) {
-  const { groups, loading, query, listRef, sheet, dataTestId, copy } = props;
-  const body = () => {
-    if (loading) return /* @__PURE__ */ jsx(LoadingRows, {});
-    if (groups.length === 0 && query.trim().length > 0) {
-      return /* @__PURE__ */ jsx(
-        NoResults,
-        {
-          copy,
-          query,
-          onClearQuery: props.onClearQuery,
-          onCreateCategory: props.onCreateCategory,
-          dataTestId
-        }
-      );
-    }
-    if (groups.length === 0) {
-      return /* @__PURE__ */ jsx(
-        EmptyCatalogue,
-        {
-          copy,
-          onCreateCategory: props.onCreateCategory,
-          dataTestId
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(Fragment, { children: groups.map((group) => /* @__PURE__ */ jsx(CategoryNodeRows, { node: group, depth: 0, props }, group.category.id)) });
-  };
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ref: listRef,
-      role: "listbox",
-      "aria-multiselectable": props.single ? void 0 : true,
-      tabIndex: -1,
-      "data-testid": `${dataTestId}-list`,
-      sx: listSx(sheet),
-      children: body()
-    }
-  );
-}
-
-export {
-  CategoryPanelList
-};
-//# sourceMappingURL=chunk-TOXTJ7MU.js.map

package/dist/chunk-TOXTJ7MU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelList.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from \"../../../copy\";\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\n\nimport { categoryCheckState, isLeafCategory, leavesOf } from './category-tree';\nimport { CategorySectionHeading, CategoryTreeRow } from './CategoryRows';\nimport { emptySx, listSx, skeletonSx } from './CategorySelect.styles';\nimport type { CategoryGroup } from './CategorySelect.types';\n\n/** The design sets these labels in sentence case, not MUI's default caps. */\nconst SENTENCE_CASE = { textTransform: 'none' } as const;\n\n/** How many skeleton rows stand in for the catalogue while it loads. */\nconst SKELETON_ROWS = 6;\n\ninterface PanelListProps {\n  /** The words this panel renders. REQUIRED — no default copy. */\n  copy: CategorySelectCopy;\n  groups: CategoryGroup[];\n  query: string;\n  draft: ReadonlySet<string>;\n  rowIds: string[];\n  activeIndex: number;\n  sheet: boolean;\n  single: boolean;\n  loading: boolean;\n  showCounts: boolean;\n  allowParentSelection: boolean;\n  /**\n   * True when the tree has a level BELOW the subcategories. It turns the\n   * section-heading treatment off — see {@link CategoryNodeRows}. Derived from\n   * the options the panel state already holds, never a caller's decision.\n   */\n  deepTree: boolean;\n  isExpanded: (categoryId: string) => boolean;\n  onToggleExpanded: (categoryId: string) => void;\n  onActivateCategory: (group: CategoryGroup) => void;\n  onActivateSubcategory: (id: string) => void;\n  onClearQuery: () => void;\n  onCreateCategory?: (name?: string) => void;\n  listRef: React.RefObject<HTMLDivElement | null>;\n  dataTestId: string;\n}\n\nfunction LoadingRows(): React.JSX.Element {\n  return (\n    <>\n      {Array.from({ length: SKELETON_ROWS }, (_unused, index) => (\n        <Skeleton key={index} variant=\"rounded\" sx={skeletonSx} />\n      ))}\n    </>\n  );\n}\n\n/** No categories exist at all — an onboarding moment, not an error. */\nfunction EmptyCatalogue({\n  onCreateCategory,\n  dataTestId,\n  copy,\n}: {\n  onCreateCategory?: (name?: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={emptySx} data-testid={`${dataTestId}-empty-catalogue`}>\n      <strong>{copy.emptyTitle}</strong>\n      <p>{copy.purpose}</p>\n      {onCreateCategory && (\n        <Button variant=\"contained\" size=\"small\" sx={SENTENCE_CASE} onClick={() => onCreateCategory()}>\n          {copy.createCategory}\n        </Button>\n      )}\n    </Box>\n  );\n}\n\n/** The search found nothing — offer creation, or the way back. */\nfunction NoResults({\n  query,\n  onClearQuery,\n  onCreateCategory,\n  dataTestId,\n  copy,\n}: {\n  query: string;\n  onClearQuery: () => void;\n  onCreateCategory?: (name?: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={emptySx} data-testid={`${dataTestId}-no-results`}>\n      <strong>{copy.noResults.title(query)}</strong>\n      <p>{copy.noResults.hint}</p>\n      <Box sx={{ display: 'flex', gap: '6px', justifyContent: 'center' }}>\n        <Button variant=\"outlined\" size=\"small\" sx={SENTENCE_CASE} onClick={onClearQuery}>\n          {copy.noResults.clearSearch}\n        </Button>\n        {onCreateCategory && (\n          <Button\n            variant=\"contained\"\n            size=\"small\"\n            sx={SENTENCE_CASE}\n            data-testid={`${dataTestId}-create`}\n            onClick={() => onCreateCategory(query.trim())}\n          >\n            {copy.noResults.create(query.trim())}\n          </Button>\n        )}\n      </Box>\n    </Box>\n  );\n}\n\n/**\n * One node: its heading or its row, then whichever children are visible.\n *\n * The SECTION-HEADING treatment — an inert uppercase label with its children\n * always on show — belongs to a two-level tree and only there. It is what makes\n * the \"mover para…\" picker read as \"category, then the subcategory you pick\",\n * and it works because a two-level category has nothing to fold TO: everything\n * under it is already the thing you came for. A third level breaks both halves\n * at once — the heading has no chevron, so the panel opens onto every item in\n * the catalogue, which is the flat list this component exists to replace. So a\n * deep tree drops the treatment and every frame becomes a foldable row instead.\n */\nfunction CategoryNodeRows({\n  node,\n  depth,\n  props,\n}: {\n  node: CategoryGroup;\n  depth: number;\n  props: PanelListProps;\n}): React.JSX.Element {\n  const { draft, query, single, allowParentSelection, rowIds, activeIndex, sheet } = props;\n  const categoryId = node.category.id;\n  const leaf = isLeafCategory(node);\n  const expanded = props.isExpanded(categoryId);\n  // A childless category is the leaf, so it is selectable whatever the mode says\n  // — the heading reading has no subcategory to point at, and would leave the\n  // row inert.\n  const selectable = allowParentSelection || leaf;\n  const asHeading = single && !selectable && !props.deepTree;\n  const selectedCount = leaf ? 0 : leavesOf(node).filter((id) => draft.has(id)).length;\n\n  return (\n    <>\n      {asHeading ? (\n        <CategorySectionHeading option={node.category} query={query} />\n      ) : (\n        <CategoryTreeRow\n          option={node.category}\n          query={query}\n          depth={depth}\n          branch={!leaf}\n          expanded={expanded}\n          active={rowIds[activeIndex] === categoryId}\n          sheet={sheet}\n          {...(selectable ? { checkState: categoryCheckState(node, draft) } : {})}\n          single={single}\n          selectedCount={selectedCount}\n          showCounts={props.showCounts}\n          onToggleExpanded={() => props.onToggleExpanded(categoryId)}\n          onActivate={() =>\n            leaf ? props.onActivateSubcategory(categoryId) : props.onActivateCategory(node)\n          }\n          dataTestId={props.dataTestId}\n          copy={props.copy}\n        />\n      )}\n      {(expanded || asHeading) &&\n        node.subcategories.map((sub) => (\n          <CategoryNodeRows key={sub.category.id} node={sub} depth={depth + 1} props={props} />\n        ))}\n    </>\n  );\n}\n\n/** The scrolling body of the panel, including its three non-list states. */\nexport function CategoryPanelList(props: PanelListProps): React.JSX.Element {\n  const { groups, loading, query, listRef, sheet, dataTestId, copy } = props;\n\n  const body = (): React.JSX.Element => {\n    if (loading) return <LoadingRows />;\n    if (groups.length === 0 && query.trim().length > 0) {\n      return (\n        <NoResults copy={copy}\n          query={query}\n          onClearQuery={props.onClearQuery}\n          onCreateCategory={props.onCreateCategory}\n          dataTestId={dataTestId}\n        />\n      );\n    }\n    if (groups.length === 0) {\n      return (\n        <EmptyCatalogue copy={copy}\n          onCreateCategory={props.onCreateCategory}\n          dataTestId={dataTestId}\n        />\n      );\n    }\n    return (\n      <>\n        {groups.map((group) => (\n          <CategoryNodeRows key={group.category.id} node={group} depth={0} props={props} />\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <Box\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={props.single ? undefined : true}\n      tabIndex={-1}\n      data-testid={`${dataTestId}-list`}\n      sx={listSx(sheet)}\n    >\n      {body()}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-TPQVLBTY.js

@@ -1,183 +0,0 @@
-import {
-  buildBadgeContent
-} from "./chunk-BNU4RLEC.js";
-import {
-  badgeStyles,
-  getAnchorOrigin
-} from "./chunk-7HFGVT3G.js";
-import {
-  badgeContentOf,
-  definedAria,
-  formatCount,
-  resolveBadgeProps
-} from "./chunk-6C5D6O3D.js";
-import {
-  CLOSE_DELAY_MS,
-  MOUNT_ANIMATION_MS
-} from "./chunk-PYC4CWCQ.js";
-import {
-  resolveTestId
-} from "./chunk-TYJR4GOF.js";
-
-// src/components/data-display/Badge/Badge.tsx
-import MuiBadge from "@mui/material/Badge/index.js";
-import Zoom from "@mui/material/Zoom/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React, { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledBadge = styled(MuiBadge, {
-  shouldForwardProp: (prop) => ![
-    "customVariant",
-    "customSize",
-    "customColor",
-    "glow",
-    "pulse",
-    "animate",
-    "shimmer",
-    "bounce",
-    "hasIcon"
-  ].includes(prop)
-})(({
-  theme,
-  customVariant,
-  customSize = "md",
-  customColor = "primary",
-  glow,
-  pulse,
-  animate,
-  shimmer,
-  bounce,
-  hasIcon
-}) => {
-  return badgeStyles({
-    theme,
-    customVariant,
-    customSize,
-    customColor,
-    glow,
-    pulse,
-    animate,
-    shimmer,
-    bounce,
-    hasIcon
-  });
-});
-var useMountAnimation = (enabled) => {
-  const [isAnimating, setIsAnimating] = useState(false);
-  useEffect(() => {
-    if (!enabled) return;
-    setIsAnimating(true);
-    const timer = window.setTimeout(() => setIsAnimating(false), MOUNT_ANIMATION_MS);
-    return () => window.clearTimeout(timer);
-  }, [enabled]);
-  return isAnimating;
-};
-var BadgeSurface = ({ innerRef, isVisible, isAnimating, shouldBeInvisible, finalBadgeContent, aria, rest, ...p }) => {
-  const testId = p["data-testid"];
-  return /* @__PURE__ */ jsx(Zoom, { in: isVisible, timeout: CLOSE_DELAY_MS, children: /* @__PURE__ */ jsx(
-    StyledBadge,
-    {
-      ref: innerRef,
-      className: p.className,
-      customVariant: p.variant,
-      customSize: p.size,
-      customColor: p.color,
-      glow: p.glow,
-      pulse: p.pulse,
-      animate: p.animate,
-      shimmer: p.shimmer,
-      bounce: p.bounce && isAnimating,
-      hasIcon: Boolean(p.icon),
-      badgeContent: finalBadgeContent,
-      variant: p.variant === "dot" ? "dot" : "standard",
-      anchorOrigin: getAnchorOrigin(p.position),
-      invisible: shouldBeInvisible,
-      "data-testid": testId || "badge",
-      slotProps: {
-        badge: {
-          ...aria,
-          // @ts-expect-error - MUI Badge slotProps doesn't include data-testid in types, but it works at runtime
-          "data-testid": testId ? `${testId}-content-wrapper` : "badge-content-wrapper"
-        }
-      },
-      ...rest,
-      children: p.children
-    }
-  ) });
-};
-var Badge = React.forwardRef((componentProps, ref) => {
-  const resolved = resolveBadgeProps(componentProps);
-  const {
-    variant,
-    size,
-    color: _color,
-    glow: _glow,
-    pulse: _pulse,
-    animate,
-    shimmer: _shimmer,
-    bounce,
-    max,
-    showZero,
-    position: _position,
-    children: _children,
-    invisible,
-    closable,
-    onClose,
-    icon,
-    "aria-label": ariaLabel,
-    "aria-live": ariaLive = "polite",
-    "aria-atomic": ariaAtomic = true,
-    "data-testid": _domTestId,
-    // The house and React Native spellings of the same id; they name the
-    // component on both sides and must not reach the DOM as attributes.
-    testID: _testID,
-    dataTestId: _dataTestId,
-    className: _className,
-    content: _content,
-    badgeContent: _badgeContent,
-    ...props
-  } = resolved;
-  const [isVisible, setIsVisible] = useState(true);
-  const isAnimating = useMountAnimation(animate || bounce);
-  const handleClose = (event) => {
-    event.stopPropagation();
-    setIsVisible(false);
-    window.setTimeout(() => onClose?.(), CLOSE_DELAY_MS);
-  };
-  const badgeId = resolveTestId(resolved);
-  const rawContent = badgeContentOf(resolved);
-  const finalBadgeContent = buildBadgeContent({
-    variant,
-    size,
-    icon,
-    closable,
-    dataTestId: badgeId,
-    baseContent: variant === "count" ? formatCount(rawContent, { max, showZero }) : rawContent,
-    onClose: handleClose
-  });
-  const shouldBeInvisible = invisible || variant === "count" && finalBadgeContent === null && !showZero || !isVisible;
-  return /* @__PURE__ */ jsx(
-    BadgeSurface,
-    {
-      ...resolved,
-      "data-testid": badgeId,
-      innerRef: ref,
-      isVisible,
-      isAnimating,
-      shouldBeInvisible,
-      finalBadgeContent,
-      aria: definedAria({
-        "aria-label": ariaLabel,
-        "aria-live": ariaLive,
-        "aria-atomic": ariaAtomic
-      }),
-      rest: props
-    }
-  );
-});
-Badge.displayName = "Badge";
-
-export {
-  Badge
-};
-//# sourceMappingURL=chunk-TPQVLBTY.js.map

package/dist/chunk-TTAP5XFX.js

@@ -1,85 +0,0 @@
-import {
-  MenubarSeparator
-} from "./chunk-YMGHTZA6.js";
-import {
-  MenubarItemView
-} from "./chunk-QY4XNTNG.js";
-
-// src/components/form/Menubar/Menubar.toolbar.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Toolbar from "@mui/material/Toolbar/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MenubarToolbar = ({
-  ariaLabel,
-  barSx,
-  items,
-  size,
-  orientation,
-  disabled,
-  loading,
-  logo,
-  endContent,
-  fullWidth,
-  activeMenu,
-  menuRefs,
-  onOpen,
-  onActivate,
-  onClose,
-  onFocus,
-  onBlur
-}) => {
-  const isVertical = orientation === "vertical";
-  return /* @__PURE__ */ jsxs(
-    Toolbar,
-    {
-      role: "toolbar",
-      "aria-label": ariaLabel,
-      sx: {
-        ...barSx,
-        width: fullWidth ? "100%" : "auto",
-        flexDirection: isVertical ? "column" : "row",
-        alignItems: isVertical ? "flex-start" : "center",
-        gap: 1
-      },
-      children: [
-        logo && /* @__PURE__ */ jsx(Box, { sx: { mr: 2, display: "flex", alignItems: "center" }, children: logo }),
-        loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 20, color: "inherit" }) : /* @__PURE__ */ jsx(
-          Box,
-          {
-            sx: {
-              display: "flex",
-              flexDirection: isVertical ? "column" : "row",
-              gap: isVertical ? 0.5 : 1,
-              flex: 1
-            },
-            children: items.map(
-              (item) => item.divider ? /* @__PURE__ */ jsx(MenubarSeparator, { orientation }, item.id) : /* @__PURE__ */ jsx(
-                MenubarItemView,
-                {
-                  item,
-                  size,
-                  disabled,
-                  isOpen: activeMenu === item.id,
-                  anchorEl: menuRefs.current[item.id] ?? null,
-                  onOpen,
-                  onActivate,
-                  onClose,
-                  onFocus,
-                  onBlur
-                },
-                item.id
-              )
-            )
-          }
-        ),
-        endContent && /* @__PURE__ */ jsx(Box, { sx: { ml: "auto" }, children: endContent })
-      ]
-    }
-  );
-};
-
-export {
-  MenubarToolbar
-};
-//# sourceMappingURL=chunk-TTAP5XFX.js.map

package/dist/chunk-TTAP5XFX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Menubar/Menubar.toolbar.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Toolbar from '@mui/material/Toolbar/index.js';\nimport type { CSSObject } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { MenubarItemView } from './Menubar.item';\nimport { MenubarSeparator } from './Menubar.separator';\nimport type { MenubarItem, MenubarProps } from './Menubar.types';\n\nexport interface MenubarToolbarProps {\n  ariaLabel: string;\n  barSx: CSSObject;\n  items: MenubarItem[];\n  size: NonNullable<MenubarProps['size']>;\n  orientation: NonNullable<MenubarProps['orientation']>;\n  disabled: boolean;\n  loading: boolean;\n  logo?: React.ReactNode;\n  endContent?: React.ReactNode;\n  fullWidth: boolean;\n  activeMenu: string | null;\n  menuRefs: React.MutableRefObject<{ [key: string]: HTMLElement | null }>;\n  onOpen: (itemId: string, anchorEl: HTMLElement) => void;\n  onActivate: (item: MenubarItem) => void;\n  onClose: () => void;\n  onFocus?: React.FocusEventHandler;\n  onBlur?: React.FocusEventHandler;\n}\n\n/**\n * The bar's contents: an optional logo, the entries themselves, and whatever the\n * caller hangs off the end. Shared by both orientations — only the element\n * wrapping it differs.\n */\nexport const MenubarToolbar: React.FC<MenubarToolbarProps> = ({\n  ariaLabel,\n  barSx,\n  items,\n  size,\n  orientation,\n  disabled,\n  loading,\n  logo,\n  endContent,\n  fullWidth,\n  activeMenu,\n  menuRefs,\n  onOpen,\n  onActivate,\n  onClose,\n  onFocus,\n  onBlur,\n}) => {\n  const isVertical = orientation === 'vertical';\n\n  return (\n    <Toolbar\n      role=\"toolbar\"\n      aria-label={ariaLabel}\n      sx={{\n        ...barSx,\n        width: fullWidth ? '100%' : 'auto',\n        flexDirection: isVertical ? 'column' : 'row',\n        alignItems: isVertical ? 'flex-start' : 'center',\n        gap: 1,\n      }}\n    >\n      {logo && <Box sx={{ mr: 2, display: 'flex', alignItems: 'center' }}>{logo}</Box>}\n\n      {loading ? (\n        <CircularProgress size={20} color=\"inherit\" />\n      ) : (\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: isVertical ? 'column' : 'row',\n            gap: isVertical ? 0.5 : 1,\n            flex: 1,\n          }}\n        >\n          {items.map((item) =>\n            item.divider ? (\n              <MenubarSeparator key={item.id} orientation={orientation} />\n            ) : (\n              <MenubarItemView\n                key={item.id}\n                item={item}\n                size={size}\n                disabled={disabled}\n                isOpen={activeMenu === item.id}\n                anchorEl={menuRefs.current[item.id] ?? null}\n                onOpen={onOpen}\n                onActivate={onActivate}\n                onClose={onClose}\n                onFocus={onFocus}\n                onBlur={onBlur}\n              />\n            ),\n          )}\n        </Box>\n      )}\n\n      {endContent && <Box sx={{ ml: 'auto' }}>{endContent}</Box>}\n    </Toolbar>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAC7B,OAAO,aAAa;AAuDhB,SAWW,KAXX;AAtBG,IAAM,iBAAgD,CAAC;AAAA,EAC5D;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;AACF,MAAM;AACJ,QAAM,aAAa,gBAAgB;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,IAAI;AAAA,QACF,GAAG;AAAA,QACH,OAAO,YAAY,SAAS;AAAA,QAC5B,eAAe,aAAa,WAAW;AAAA,QACvC,YAAY,aAAa,eAAe;AAAA,QACxC,KAAK;AAAA,MACP;AAAA,MAEC;AAAA,gBAAQ,oBAAC,OAAI,IAAI,EAAE,IAAI,GAAG,SAAS,QAAQ,YAAY,SAAS,GAAI,gBAAK;AAAA,QAEzE,UACC,oBAAC,oBAAiB,MAAM,IAAI,OAAM,WAAU,IAE5C;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,eAAe,aAAa,WAAW;AAAA,cACvC,KAAK,aAAa,MAAM;AAAA,cACxB,MAAM;AAAA,YACR;AAAA,YAEC,gBAAM;AAAA,cAAI,CAAC,SACV,KAAK,UACH,oBAAC,oBAA+B,eAAT,KAAK,EAA8B,IAE1D;AAAA,gBAAC;AAAA;AAAA,kBAEC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,QAAQ,eAAe,KAAK;AAAA,kBAC5B,UAAU,SAAS,QAAQ,KAAK,EAAE,KAAK;AAAA,kBACvC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA;AAAA,gBAVK,KAAK;AAAA,cAWZ;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA,QAGD,cAAc,oBAAC,OAAI,IAAI,EAAE,IAAI,OAAO,GAAI,sBAAW;AAAA;AAAA;AAAA,EACtD;AAEJ;","names":[]}

package/dist/chunk-TU3EGIKB.js

@@ -1,41 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  Input
-} from "./chunk-IBGX6H4J.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-2HVNPWFV.js";
-
-// src/components/form/total-form/Fields/TextField.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function TextField({ name, label, type = "text", placeholder }) {
-  const { values, errors, setFieldValue } = useFormContext();
-  const error = errors[name];
-  const testId = `total-form-field-${name}`;
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: name,
-        name,
-        type,
-        placeholder,
-        value: values[name] ?? "",
-        error: Boolean(error),
-        "data-testid": testId,
-        onChange: (event) => setFieldValue(name, event.target.value)
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
-  ] });
-}
-
-export {
-  TextField
-};
-//# sourceMappingURL=chunk-TU3EGIKB.js.map

package/dist/chunk-U2IRCTAR.js

@@ -1,43 +0,0 @@
-import {
-  ConfirmActionDialog
-} from "./chunk-VZAGBDZ2.js";
-import {
-  useConfirmAction
-} from "./chunk-EMYESBIT.js";
-
-// src/components/feedback/ConfirmAction/with-confirmation.tsx
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function resolveOptions(defaults, instance) {
-  if (instance === false) return null;
-  const merged = { ...defaults, ...instance };
-  if (!merged.title || !merged.confirmText) return null;
-  return { ...merged, title: merged.title, confirmText: merged.confirmText };
-}
-function useGuardedHandler(onClick) {
-  return React.useCallback(() => {
-    const result = onClick?.();
-    return result instanceof Promise ? result : void 0;
-  }, [onClick]);
-}
-function withConfirmation(Wrapped, defaults) {
-  function WithConfirmation(props) {
-    const { confirm, onClick } = props;
-    const options = resolveOptions(defaults, confirm);
-    const state = useConfirmAction(useGuardedHandler(onClick), defaults.errorText);
-    const { confirm: _confirm, ...rest } = props;
-    const forwarded = rest;
-    if (!options) return /* @__PURE__ */ jsx(Wrapped, { ...forwarded });
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Wrapped, { ...forwarded, onClick: state.request }),
-      /* @__PURE__ */ jsx(ConfirmActionDialog, { state, ...options, copy: defaults.copy })
-    ] });
-  }
-  WithConfirmation.displayName = `withConfirmation(${Wrapped.displayName ?? Wrapped.name ?? "Component"})`;
-  return WithConfirmation;
-}
-
-export {
-  withConfirmation
-};
-//# sourceMappingURL=chunk-U2IRCTAR.js.map