@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-AUQRGZE7.js

@@ -0,0 +1,20 @@
+// src/en-US.navigation.ts
+var EN_US_COMMAND_PALETTE_COPY = {
+  execute: "Run",
+  // The arrow glyphs and the key name are part of the hint a reader looks at
+  // while their hands are on the keyboard, so they survive translation intact.
+  navigate: "\u2191\u2193 Navigate",
+  close: "ESC Close",
+  recent: "Recent",
+  tryAnotherTerm: "Try another term"
+};
+var EN_US_BREADCRUMB_COPY = {
+  showMore: "Show more",
+  moreItems: "More items"
+};
+
+export {
+  EN_US_COMMAND_PALETTE_COPY,
+  EN_US_BREADCRUMB_COPY
+};
+//# sourceMappingURL=chunk-AUQRGZE7.js.map

package/dist/chunk-AUQRGZE7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/en-US.navigation.ts"],"sourcesContent":["/**\n * The en-US pack for the navigation family. Split the same way\n * `pt-BR.navigation.ts` is — see `en-US.ts` for why.\n */\nimport type {\n  BreadcrumbCopy,\n  CommandPaletteCopy,\n} from './copy';\n\nexport const EN_US_COMMAND_PALETTE_COPY: CommandPaletteCopy = {\n  execute: \"Run\",\n  // The arrow glyphs and the key name are part of the hint a reader looks at\n  // while their hands are on the keyboard, so they survive translation intact.\n  navigate: \"↑↓ Navigate\",\n  close: \"ESC Close\",\n  recent: \"Recent\",\n  tryAnotherTerm: \"Try another term\",\n};\n\nexport const EN_US_BREADCRUMB_COPY: BreadcrumbCopy = {\n  showMore: \"Show more\",\n  moreItems: \"More items\",\n};\n"],"mappings":";AASO,IAAM,6BAAiD;AAAA,EAC5D,SAAS;AAAA;AAAA;AAAA,EAGT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAgB;AAClB;AAEO,IAAM,wBAAwC;AAAA,EACnD,UAAU;AAAA,EACV,WAAW;AACb;","names":[]}

package/dist/chunk-AUYC5K5K.js

@@ -0,0 +1,21 @@
+// src/components/form/Button/Button.helpers.ts
+var BUTTON_DEFAULTS = {
+  variant: "solid",
+  color: "primary",
+  size: "md",
+  loading: false,
+  iconPosition: "left",
+  glow: false,
+  pulse: false,
+  ripple: true,
+  active: false
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveButtonProps = (props) => ({ ...BUTTON_DEFAULTS, ...definedProps(props) });
+
+export {
+  resolveButtonProps
+};
+//# sourceMappingURL=chunk-AUYC5K5K.js.map

package/dist/chunk-AUYC5K5K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Button/Button.helpers.ts"],"sourcesContent":["import type { ButtonProps } from './Button.types';\n\ntype ButtonDefaultedKeys =\n  | 'variant'\n  | 'color'\n  | 'size'\n  | 'loading'\n  | 'iconPosition'\n  | 'glow'\n  | 'pulse'\n  | 'ripple'\n  | 'active';\n\ntype ResolvedButtonProps = ButtonProps & Required<Pick<ButtonProps, ButtonDefaultedKeys>>;\n\nconst BUTTON_DEFAULTS: Pick<ButtonProps, ButtonDefaultedKeys> = {\n  variant: 'solid',\n  color: 'primary',\n  size: 'md',\n  loading: false,\n  iconPosition: 'left',\n  glow: false,\n  pulse: false,\n  ripple: true,\n  active: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: ButtonProps): Partial<ButtonProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<ButtonProps>;\n\nexport const resolveButtonProps = (props: ButtonProps): ResolvedButtonProps =>\n  ({ ...BUTTON_DEFAULTS, ...definedProps(props) }) as ResolvedButtonProps;\n"],"mappings":";AAeA,IAAM,kBAA0D;AAAA,EAC9D,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,cAAc;AAAA,EACd,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AACV;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,qBAAqB,CAAC,WAChC,EAAE,GAAG,iBAAiB,GAAG,aAAa,KAAK,EAAE;","names":[]}

package/dist/chunk-AXJMSH44.js

@@ -0,0 +1,59 @@
+import {
+  accentFor
+} from "./chunk-OZCEKQIX.js";
+
+// src/components/data-display/Carousel/Carousel.styles.ts
+import { alpha } from "@mui/material";
+var SIZES = {
+  xs: { height: 200, fontSize: "0.75rem" },
+  sm: { height: 300, fontSize: "0.875rem" },
+  md: { height: 400, fontSize: "1rem" },
+  lg: { height: 500, fontSize: "1.125rem" },
+  xl: { height: 600, fontSize: "1.25rem" }
+};
+var sizeStyles = (size) => SIZES[size] ?? SIZES.md;
+var SURFACES = {
+  glass: ({ theme, color, glass }) => ({
+    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.9),
+    backdropFilter: "blur(20px)",
+    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, size, color, height, width, glow, pulse } = input;
+  const accent = accentFor(theme, color).main;
+  return {
+    position: "relative",
+    width,
+    // A numeric height is taken literally; anything else falls back to the size
+    // preset, since a percentage cannot resolve against an unsized parent here.
+    height: typeof height === "number" ? height : sizeStyles(size).height,
+    overflow: "hidden",
+    borderRadius: theme.spacing(1),
+    transition: theme.transitions.create(["all"], {
+      duration: theme.transitions.duration.standard
+    }),
+    ...glow && { boxShadow: `0 0 30px ${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 20px ${alpha(accent, 0)}` },
+        "100%": { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` }
+      }
+    },
+    ...(SURFACES[variant] ?? SURFACES.default)(input)
+  };
+};
+
+export {
+  containerStyles
+};
+//# sourceMappingURL=chunk-AXJMSH44.js.map

package/dist/chunk-AXJMSH44.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport type { CarouselProps } from './Carousel.types';\nimport { accentFor } from '../../../tokens/scales';\n\ntype Variant = NonNullable<CarouselProps['variant']>;\ntype Size = NonNullable<CarouselProps['size']>;\ntype Color = NonNullable<CarouselProps['color']>;\n\nconst SIZES: Record<Size, { height: number; fontSize: string }> = {\n  xs: { height: 200, fontSize: '0.75rem' },\n  sm: { height: 300, fontSize: '0.875rem' },\n  md: { height: 400, fontSize: '1rem' },\n  lg: { height: 500, fontSize: '1.125rem' },\n  xl: { height: 600, fontSize: '1.25rem' },\n};\n\nconst sizeStyles = (size: Size) => SIZES[size] ?? SIZES.md;\n\ninterface ContainerStyleInput {\n  theme: Theme;\n  variant: Variant;\n  size: Size;\n  color: Color;\n  height: number | string;\n  width: number | string;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n}\n\n/**\n * Each variant's own additions to the shared frame. The old switch re-spread the\n * same base, glow and pulse objects in all six arms before adding these; only\n * these differ, so the shared prefix is applied once by `containerStyles`.\n */\nconst SURFACES: Record<Variant, (input: ContainerStyleInput) => CSSObject> = {\n  glass: ({ theme, color, glass }) => ({\n    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.1 : 0.9),\n    backdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(accentFor(theme, color).main, 0.2)}`,\n  }),\n\n  gradient: ({ theme, color, gradient }) => ({\n    background: gradient\n      ? `linear-gradient(135deg, ${alpha(accentFor(theme, color).light, 0.1)}, ${alpha(accentFor(theme, color).dark, 0.1)})`\n      : 'transparent',\n  }),\n\n  elevated: ({ theme }) => ({ boxShadow: theme.shadows[8] }),\n\n  minimal: () => ({ border: 'none', boxShadow: 'none' }),\n\n  cards: ({ theme }) => ({ padding: theme.spacing(2) }),\n\n  default: () => ({}),\n};\n\nexport const containerStyles = (input: ContainerStyleInput): CSSObject => {\n  const { theme, variant, size, color, height, width, glow, pulse } = input;\n  const accent = accentFor(theme, color).main;\n\n  return {\n    position: 'relative' as const,\n    width,\n    // A numeric height is taken literally; anything else falls back to the size\n    // preset, since a percentage cannot resolve against an unsized parent here.\n    height: typeof height === 'number' ? height : sizeStyles(size).height,\n    overflow: 'hidden',\n    borderRadius: theme.spacing(1),\n    transition: theme.transitions.create(['all'], {\n      duration: theme.transitions.duration.standard,\n    }),\n    ...(glow && { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` }),\n    ...(pulse && {\n      animation: 'pulse 2s infinite',\n      '@keyframes pulse': {\n        '0%': { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },\n        '70%': { boxShadow: `0 0 0 20px ${alpha(accent, 0)}` },\n        '100%': { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` },\n      },\n    }),\n    ...(SURFACES[variant] ?? SURFACES.default)(input),\n  };\n};\n"],"mappings":";;;;;AAAA,SAAS,aAAa;AAUtB,IAAM,QAA4D;AAAA,EAChE,IAAI,EAAE,QAAQ,KAAK,UAAU,UAAU;AAAA,EACvC,IAAI,EAAE,QAAQ,KAAK,UAAU,WAAW;AAAA,EACxC,IAAI,EAAE,QAAQ,KAAK,UAAU,OAAO;AAAA,EACpC,IAAI,EAAE,QAAQ,KAAK,UAAU,WAAW;AAAA,EACxC,IAAI,EAAE,QAAQ,KAAK,UAAU,UAAU;AACzC;AAEA,IAAM,aAAa,CAAC,SAAe,MAAM,IAAI,KAAK,MAAM;AAoBxD,IAAM,WAAuE;AAAA,EAC3E,OAAO,CAAC,EAAE,OAAO,OAAO,MAAM,OAAO;AAAA,IACnC,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,QAAQ,MAAM,GAAG;AAAA,IACxE,gBAAgB;AAAA,IAChB,QAAQ,aAAa,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC;AAAA,EAC/D;AAAA,EAEA,UAAU,CAAC,EAAE,OAAO,OAAO,SAAS,OAAO;AAAA,IACzC,YAAY,WACR,2BAA2B,MAAM,UAAU,OAAO,KAAK,EAAE,OAAO,GAAG,CAAC,KAAK,MAAM,UAAU,OAAO,KAAK,EAAE,MAAM,GAAG,CAAC,MACjH;AAAA,EACN;AAAA,EAEA,UAAU,CAAC,EAAE,MAAM,OAAO,EAAE,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,EAExD,SAAS,OAAO,EAAE,QAAQ,QAAQ,WAAW,OAAO;AAAA,EAEpD,OAAO,CAAC,EAAE,MAAM,OAAO,EAAE,SAAS,MAAM,QAAQ,CAAC,EAAE;AAAA,EAEnD,SAAS,OAAO,CAAC;AACnB;AAEO,IAAM,kBAAkB,CAAC,UAA0C;AACxE,QAAM,EAAE,OAAO,SAAS,MAAM,OAAO,QAAQ,OAAO,MAAM,MAAM,IAAI;AACpE,QAAM,SAAS,UAAU,OAAO,KAAK,EAAE;AAEvC,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA;AAAA;AAAA,IAGA,QAAQ,OAAO,WAAW,WAAW,SAAS,WAAW,IAAI,EAAE;AAAA,IAC/D,UAAU;AAAA,IACV,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,YAAY,MAAM,YAAY,OAAO,CAAC,KAAK,GAAG;AAAA,MAC5C,UAAU,MAAM,YAAY,SAAS;AAAA,IACvC,CAAC;AAAA,IACD,GAAI,QAAQ,EAAE,WAAW,YAAY,MAAM,QAAQ,GAAG,CAAC,GAAG;AAAA,IAC1D,GAAI,SAAS;AAAA,MACX,WAAW;AAAA,MACX,oBAAoB;AAAA,QAClB,MAAM,EAAE,WAAW,WAAW,MAAM,QAAQ,GAAG,CAAC,GAAG;AAAA,QACnD,OAAO,EAAE,WAAW,cAAc,MAAM,QAAQ,CAAC,CAAC,GAAG;AAAA,QACrD,QAAQ,EAAE,WAAW,WAAW,MAAM,QAAQ,CAAC,CAAC,GAAG;AAAA,MACrD;AAAA,IACF;AAAA,IACA,IAAI,SAAS,OAAO,KAAK,SAAS,SAAS,KAAK;AAAA,EAClD;AACF;","names":[]}

package/dist/chunk-AY7LXHAJ.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-AY7LXHAJ.js.map

package/dist/chunk-AY7LXHAJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-AYP6ICAY.js

@@ -0,0 +1,96 @@
+import {
+  coordinatesOf,
+  toAddressDetails
+} from "./chunk-6HLWZR3X.js";
+import {
+  MOCK_ADDRESSES,
+  MOCK_PLACE_DETAILS
+} from "./chunk-O7QPPJAK.js";
+
+// src/components/form/AddressAutocomplete/useCurrentLocation.ts
+import { useCallback } from "react";
+var MOCK_GEOLOCATION_DELAY_MS = 500;
+var GEOLOCATION_OPTIONS = {
+  enableHighAccuracy: true,
+  timeout: 1e4,
+  maximumAge: 6e5
+  // 10 minutes
+};
+var resolveMockLocation = (sink) => {
+  window.setTimeout(() => {
+    sink.setLoading(false);
+    const mockLocation = MOCK_ADDRESSES[0];
+    if (!mockLocation) {
+      sink.setApiError("No mock location available");
+      return;
+    }
+    const mockDetails = MOCK_PLACE_DETAILS[mockLocation.place_id];
+    if (!mockDetails) {
+      sink.setApiError("Mock location details not found");
+      return;
+    }
+    sink.applyAddress(
+      toAddressDetails({
+        components: mockDetails.address_components,
+        formatted: mockDetails.formatted_address,
+        coordinates: coordinatesOf(mockDetails.geometry)
+      })
+    );
+  }, MOCK_GEOLOCATION_DELAY_MS);
+};
+var geocodePosition = (geocoder, sink) => (position) => {
+  const { latitude, longitude } = position.coords;
+  const location = new google.maps.LatLng(latitude, longitude);
+  geocoder.geocode({ location }, (results, status) => {
+    sink.setLoading(false);
+    const place = status === "OK" ? results?.[0] : void 0;
+    if (!place) {
+      sink.setApiError("Unable to retrieve address for current location");
+      return;
+    }
+    sink.applyAddress(
+      toAddressDetails({
+        components: place.address_components,
+        formatted: place.formatted_address,
+        // The device's own fix is more precise than the geocoded place's.
+        coordinates: { lat: latitude, lng: longitude }
+      })
+    );
+  });
+};
+var useCurrentLocation = ({
+  services,
+  useMockData,
+  setLoading,
+  setApiError,
+  applyAddress
+}) => useCallback(() => {
+  if (!navigator.geolocation) {
+    setApiError("Geolocation is not supported by this browser");
+    return;
+  }
+  const sink = { setLoading, setApiError, applyAddress };
+  if (useMockData) {
+    setLoading(true);
+    resolveMockLocation(sink);
+    return;
+  }
+  if (!services.geocoder) {
+    setApiError("Geocoding service not available");
+    return;
+  }
+  setLoading(true);
+  navigator.geolocation.getCurrentPosition(
+    geocodePosition(services.geocoder, sink),
+    () => {
+      setLoading(false);
+      setApiError("Unable to retrieve your location");
+    },
+    GEOLOCATION_OPTIONS
+  );
+}, [services, useMockData, setLoading, setApiError, applyAddress]);
+
+export {
+  useCurrentLocation
+};
+//# sourceMappingURL=chunk-AYP6ICAY.js.map

package/dist/chunk-AYP6ICAY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/useCurrentLocation.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { coordinatesOf, toAddressDetails } from './AddressAutocomplete.mapper';\nimport type { AddressDetails } from './AddressAutocomplete.types';\nimport { MOCK_ADDRESSES, MOCK_PLACE_DETAILS } from './mockPlaces';\nimport type { GoogleMapsService } from './useGoogleMapsAPI';\n\nconst MOCK_GEOLOCATION_DELAY_MS = 500;\n\nconst GEOLOCATION_OPTIONS: PositionOptions = {\n  enableHighAccuracy: true,\n  timeout: 10_000,\n  maximumAge: 600_000, // 10 minutes\n};\n\ninterface LocationSink {\n  setLoading: (loading: boolean) => void;\n  setApiError: (message: string | null) => void;\n  applyAddress: (address: AddressDetails) => void;\n}\n\n// Mock mode answers with the first canned address after a pause, so the button\n// behaves like a real geolocation round trip.\nconst resolveMockLocation = (sink: LocationSink) => {\n  window.setTimeout(() => {\n    sink.setLoading(false);\n\n    const mockLocation = MOCK_ADDRESSES[0];\n    if (!mockLocation) {\n      sink.setApiError('No mock location available');\n      return;\n    }\n\n    const mockDetails = MOCK_PLACE_DETAILS[mockLocation.place_id];\n    if (!mockDetails) {\n      sink.setApiError('Mock location details not found');\n      return;\n    }\n\n    sink.applyAddress(\n      toAddressDetails({\n        components: mockDetails.address_components,\n        formatted: mockDetails.formatted_address,\n        coordinates: coordinatesOf(mockDetails.geometry),\n      }),\n    );\n  }, MOCK_GEOLOCATION_DELAY_MS);\n};\n\nconst geocodePosition =\n  (geocoder: google.maps.Geocoder, sink: LocationSink) => (position: GeolocationPosition) => {\n    const { latitude, longitude } = position.coords;\n    const location = new google.maps.LatLng(latitude, longitude);\n\n    geocoder.geocode({ location }, (results, status) => {\n      sink.setLoading(false);\n\n      const place = status === 'OK' ? results?.[0] : undefined;\n      if (!place) {\n        sink.setApiError('Unable to retrieve address for current location');\n        return;\n      }\n\n      sink.applyAddress(\n        toAddressDetails({\n          components: place.address_components,\n          formatted: place.formatted_address,\n          // The device's own fix is more precise than the geocoded place's.\n          coordinates: { lat: latitude, lng: longitude },\n        }),\n      );\n    });\n  };\n\nexport const useCurrentLocation = ({\n  services,\n  useMockData,\n  setLoading,\n  setApiError,\n  applyAddress,\n}: {\n  services: GoogleMapsService;\n  useMockData: boolean;\n  setLoading: (loading: boolean) => void;\n  setApiError: (message: string | null) => void;\n  applyAddress: (address: AddressDetails) => void;\n}) =>\n  useCallback(() => {\n    if (!navigator.geolocation) {\n      setApiError('Geolocation is not supported by this browser');\n      return;\n    }\n\n    const sink: LocationSink = { setLoading, setApiError, applyAddress };\n\n    if (useMockData) {\n      setLoading(true);\n      resolveMockLocation(sink);\n      return;\n    }\n\n    if (!services.geocoder) {\n      setApiError('Geocoding service not available');\n      return;\n    }\n\n    setLoading(true);\n    navigator.geolocation.getCurrentPosition(\n      geocodePosition(services.geocoder, sink),\n      () => {\n        setLoading(false);\n        setApiError('Unable to retrieve your location');\n      },\n      GEOLOCATION_OPTIONS,\n    );\n  }, [services, useMockData, setLoading, setApiError, applyAddress]);\n"],"mappings":";;;;;;;;;;AAAA,SAAS,mBAAmB;AAO5B,IAAM,4BAA4B;AAElC,IAAM,sBAAuC;AAAA,EAC3C,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,YAAY;AAAA;AACd;AAUA,IAAM,sBAAsB,CAAC,SAAuB;AAClD,SAAO,WAAW,MAAM;AACtB,SAAK,WAAW,KAAK;AAErB,UAAM,eAAe,eAAe,CAAC;AACrC,QAAI,CAAC,cAAc;AACjB,WAAK,YAAY,4BAA4B;AAC7C;AAAA,IACF;AAEA,UAAM,cAAc,mBAAmB,aAAa,QAAQ;AAC5D,QAAI,CAAC,aAAa;AAChB,WAAK,YAAY,iCAAiC;AAClD;AAAA,IACF;AAEA,SAAK;AAAA,MACH,iBAAiB;AAAA,QACf,YAAY,YAAY;AAAA,QACxB,WAAW,YAAY;AAAA,QACvB,aAAa,cAAc,YAAY,QAAQ;AAAA,MACjD,CAAC;AAAA,IACH;AAAA,EACF,GAAG,yBAAyB;AAC9B;AAEA,IAAM,kBACJ,CAAC,UAAgC,SAAuB,CAAC,aAAkC;AACzF,QAAM,EAAE,UAAU,UAAU,IAAI,SAAS;AACzC,QAAM,WAAW,IAAI,OAAO,KAAK,OAAO,UAAU,SAAS;AAE3D,WAAS,QAAQ,EAAE,SAAS,GAAG,CAAC,SAAS,WAAW;AAClD,SAAK,WAAW,KAAK;AAErB,UAAM,QAAQ,WAAW,OAAO,UAAU,CAAC,IAAI;AAC/C,QAAI,CAAC,OAAO;AACV,WAAK,YAAY,iDAAiD;AAClE;AAAA,IACF;AAEA,SAAK;AAAA,MACH,iBAAiB;AAAA,QACf,YAAY,MAAM;AAAA,QAClB,WAAW,MAAM;AAAA;AAAA,QAEjB,aAAa,EAAE,KAAK,UAAU,KAAK,UAAU;AAAA,MAC/C,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAEK,IAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAOE,YAAY,MAAM;AAChB,MAAI,CAAC,UAAU,aAAa;AAC1B,gBAAY,8CAA8C;AAC1D;AAAA,EACF;AAEA,QAAM,OAAqB,EAAE,YAAY,aAAa,aAAa;AAEnE,MAAI,aAAa;AACf,eAAW,IAAI;AACf,wBAAoB,IAAI;AACxB;AAAA,EACF;AAEA,MAAI,CAAC,SAAS,UAAU;AACtB,gBAAY,iCAAiC;AAC7C;AAAA,EACF;AAEA,aAAW,IAAI;AACf,YAAU,YAAY;AAAA,IACpB,gBAAgB,SAAS,UAAU,IAAI;AAAA,IACvC,MAAM;AACJ,iBAAW,KAAK;AAChB,kBAAY,kCAAkC;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AACF,GAAG,CAAC,UAAU,aAAa,YAAY,aAAa,YAAY,CAAC;","names":[]}

package/dist/chunk-B6FRVP2R.js

@@ -0,0 +1,66 @@
+import {
+  statusMessage
+} from "./chunk-BNBBPGA4.js";
+import {
+  DayBoundInput
+} from "./chunk-VKXGYBXD.js";
+
+// src/components/form/DateRangePicker/DateRangePickerFields.tsx
+import { Box, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DateRangeFields({
+  value,
+  status,
+  messages,
+  maxRangeDays,
+  onEdit,
+  statusId,
+  dataTestId
+}) {
+  const rejected = !status.ok && status.problem !== "incomplete";
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 2 }, children: [
+      /* @__PURE__ */ jsx(
+        DayBoundInput,
+        {
+          mask: messages.dayMask,
+          label: messages.from,
+          value: value.from ?? void 0,
+          onChange: (bound) => onEdit("from", bound ?? null),
+          testId: `${dataTestId}-from`,
+          error: rejected,
+          describedBy: statusId
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DayBoundInput,
+        {
+          mask: messages.dayMask,
+          label: messages.to,
+          value: value.to ?? void 0,
+          onChange: (bound) => onEdit("to", bound ?? null),
+          testId: `${dataTestId}-to`,
+          error: rejected,
+          describedBy: statusId
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        id: statusId,
+        role: "status",
+        "aria-live": "polite",
+        variant: "body2",
+        color: rejected ? "error.main" : "text.secondary",
+        "data-testid": `${dataTestId}-status`,
+        children: statusMessage(status, messages, maxRangeDays)
+      }
+    )
+  ] });
+}
+
+export {
+  DateRangeFields
+};
+//# sourceMappingURL=chunk-B6FRVP2R.js.map

package/dist/chunk-B6FRVP2R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/DateRangePicker/DateRangePickerFields.tsx"],"sourcesContent":["/**\n * The two typed ends, and the one line that says what the picker currently has.\n *\n * WHEN A TYPED DATE COMMITS: the moment it is a WHOLE, REAL day — eight digits\n * that name a date that exists. Not on every keystroke (`2026` passes through\n * `0002`, `0020` and `0202`, each a legal year, and committing those makes the\n * calendar jump to the year 20 while you are still typing) and not only on blur\n * (a reader who types a date and looks at the calendar to check it would see\n * the old month until they clicked somewhere else). Half-typed text stays in\n * the field and changes nothing; leaving the field discards it and shows what\n * the range actually is. Enter needs no special case — by the time it can be\n * pressed the date has already committed.\n *\n * The field itself is `DayBoundInput`, the masked `dd/mm/aaaa` control the data\n * views already use. Same package, imported rather than re-implemented: a\n * second masked date field is a second set of rules for what backspace does.\n */\nimport { Box, Typography } from '@mui/material';\nimport React from 'react';\n\nimport { DayBoundInput } from '../../data-display/DataViews/data-views-day-input';\n\nimport { statusMessage } from './DateRangePicker.range';\nimport type {\n  DateRangePickerMessages,\n  DateRangeDraft,\n  DateRangeStatus,\n  DayString,\n} from './DateRangePicker.types';\n\nexport interface DateRangeFieldsProps {\n  value: DateRangeDraft;\n  status: DateRangeStatus;\n  messages: DateRangePickerMessages;\n  maxRangeDays: number | undefined;\n  onEdit: (which: 'from' | 'to', bound: DayString | null) => void;\n  /** Id of the status line, so both fields can point at it. */\n  statusId: string;\n  dataTestId: string;\n}\n\nexport function DateRangeFields({\n  value,\n  status,\n  messages,\n  maxRangeDays,\n  onEdit,\n  statusId,\n  dataTestId,\n}: DateRangeFieldsProps): React.JSX.Element {\n  // \"Incomplete\" is not an error — it is a range that is not finished yet, and\n  // painting it red would make the first click on a two-click control look like\n  // a mistake. The pair being impossible is what gets marked.\n  const rejected = !status.ok && status.problem !== 'incomplete';\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n      <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 2 }}>\n        <DayBoundInput\n          mask={messages.dayMask}\n          label={messages.from}\n          value={value.from ?? undefined}\n          onChange={(bound) => onEdit('from', bound ?? null)}\n          testId={`${dataTestId}-from`}\n          error={rejected}\n          describedBy={statusId}\n        />\n        <DayBoundInput\n          mask={messages.dayMask}\n          label={messages.to}\n          value={value.to ?? undefined}\n          onChange={(bound) => onEdit('to', bound ?? null)}\n          testId={`${dataTestId}-to`}\n          error={rejected}\n          describedBy={statusId}\n        />\n      </Box>\n      <Typography\n        id={statusId}\n        // A live region, so the reason a range was refused is spoken when it\n        // appears rather than only being found by someone who goes looking.\n        role=\"status\"\n        aria-live=\"polite\"\n        variant=\"body2\"\n        color={rejected ? 'error.main' : 'text.secondary'}\n        data-testid={`${dataTestId}-status`}\n      >\n        {statusMessage(status, messages, maxRangeDays)}\n      </Typography>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;AAiBA,SAAS,KAAK,kBAAkB;AAwC1B,SACE,KADF;AAhBC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAI1C,QAAM,WAAW,CAAC,OAAO,MAAM,OAAO,YAAY;AAElD,SACE,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,EAAE,GAC1D;AAAA,yBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,UAAU,QAAQ,KAAK,EAAE,GACnD;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,SAAS;AAAA,UACf,OAAO,SAAS;AAAA,UAChB,OAAO,MAAM,QAAQ;AAAA,UACrB,UAAU,CAAC,UAAU,OAAO,QAAQ,SAAS,IAAI;AAAA,UACjD,QAAQ,GAAG,UAAU;AAAA,UACrB,OAAO;AAAA,UACP,aAAa;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,SAAS;AAAA,UACf,OAAO,SAAS;AAAA,UAChB,OAAO,MAAM,MAAM;AAAA,UACnB,UAAU,CAAC,UAAU,OAAO,MAAM,SAAS,IAAI;AAAA,UAC/C,QAAQ,GAAG,UAAU;AAAA,UACrB,OAAO;AAAA,UACP,aAAa;AAAA;AAAA,MACf;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QAGJ,MAAK;AAAA,QACL,aAAU;AAAA,QACV,SAAQ;AAAA,QACR,OAAO,WAAW,eAAe;AAAA,QACjC,eAAa,GAAG,UAAU;AAAA,QAEzB,wBAAc,QAAQ,UAAU,YAAY;AAAA;AAAA,IAC/C;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-BCDQPMP4.js

@@ -0,0 +1,221 @@
+// src/components/layout/ContentToolbar/ContentToolbar.tsx
+import { Box, Button, Checkbox, Divider, Typography } from "@mui/material";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var selectionButtonSx = {
+  minWidth: 0,
+  height: "auto",
+  borderRadius: 0.5,
+  fontWeight: 600,
+  py: 0.5,
+  px: 1.5,
+  fontSize: "0.75rem",
+  textTransform: "none",
+  color: "text.primary"
+};
+function SelectionCluster({
+  hasSelection,
+  selectedCount,
+  selectAll,
+  clearSelection,
+  actions,
+  selectAllTestId,
+  clearAllTestId,
+  edgeAlign = false,
+  selectAllLabel,
+  selectAllText,
+  clearAllText
+}) {
+  const actionsSlot = actions !== void 0 && /* @__PURE__ */ jsx(Box, { sx: { ml: 0.5, display: "flex", flexShrink: 0, alignItems: "center" }, children: actions });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        minWidth: 0,
+        // Mobile: don't grow, so the controls sit on the SAME line as the checkbox
+        // (no orphaned selection row). Desktop: grow to push controls right.
+        flex: { xs: "0 0 auto", md: 1 },
+        alignItems: "center",
+        gap: 1.5,
+        ml: edgeAlign ? -1.5 : 0
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "text",
+            size: "small",
+            color: "inherit",
+            onClick: selectAll,
+            "data-testid": selectAllTestId,
+            sx: { ...selectionButtonSx, display: { xs: "none", md: "inline-flex" } },
+            children: selectAllText
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            size: "small",
+            checked: hasSelection,
+            onChange: (event) => event.target.checked ? selectAll() : clearSelection(),
+            "data-testid": `${selectAllTestId}-checkbox`,
+            inputProps: { "aria-label": selectAllLabel },
+            sx: { p: 0.5, display: { xs: "inline-flex", md: "none" } }
+          }
+        ),
+        hasSelection ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "text",
+              size: "small",
+              color: "inherit",
+              onClick: clearSelection,
+              "data-testid": clearAllTestId,
+              sx: selectionButtonSx,
+              children: clearAllText
+            }
+          ),
+          /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { height: 16, alignSelf: "center" } }),
+          /* @__PURE__ */ jsxs(
+            Typography,
+            {
+              component: "span",
+              "data-testid": "selected-count-indicator",
+              sx: { fontSize: "0.875rem", color: "text.secondary", whiteSpace: "nowrap", flexShrink: 0 },
+              children: [
+                selectedCount,
+                " ",
+                selectedCount === 1 ? "item" : "items",
+                " selected"
+              ]
+            }
+          ),
+          actionsSlot
+        ] }) : actionsSlot
+      ]
+    }
+  );
+}
+function BrowsingClusters({
+  leadingControls,
+  rightControls,
+  hasSelection,
+  edgeAlign
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    leadingControls !== void 0 && /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          flexGrow: 1,
+          minWidth: 0,
+          // The collapse ladder has a FLOOR — below roughly 400px even the
+          // fully-collapsed row does not fit, and its controls cannot shrink
+          // (they are flexShrink:0 so an over-packed row sheds instead of
+          // squeezing). Past that point this scrolls rather than letting them
+          // paint outside the toolbar, which is what a narrow phone did.
+          overflowX: "auto",
+          // No scrollbar gutter stealing height on the common case.
+          scrollbarWidth: "thin"
+        },
+        children: leadingControls
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          // Same single-line rule as the row itself: this cluster wrapping
+          // INTERNALLY buys a second line just as surely as the row wrapping
+          // does. It bit at exactly 900px, the `md` breakpoint where the "N de
+          // N" counter appears and pushes Exibir/Exportar over the edge.
+          flexWrap: leadingControls === void 0 ? "wrap" : "nowrap",
+          // Tight (5px) when browsing so the controls fit one line beside the
+          // checkbox; roomier (14px) in selection mode where they get their own row.
+          gap: hasSelection ? "14px" : "5px",
+          ml: "auto",
+          mr: edgeAlign ? -1.5 : 0,
+          "& > *": { flexShrink: 0 }
+        },
+        children: rightControls
+      }
+    )
+  ] });
+}
+function ContentToolbar({
+  hasSelection,
+  selectedCount,
+  selectAll,
+  clearSelection,
+  rightControls,
+  leadingControls,
+  actions,
+  selectAllTestId,
+  clearAllTestId,
+  edgeAlign = false,
+  exclusiveSelection = false,
+  selectAllLabel,
+  selectAllText,
+  clearAllText
+}) {
+  const showSelection = !exclusiveSelection || hasSelection;
+  const showControls = !exclusiveSelection || !hasSelection;
+  return (
+    // Two clusters on one line. They may wrap onto separate rows ONLY for a
+    // toolbar without `leadingControls` — one carrying search + filters is
+    // driven by a measured collapse ladder (see `useFilterOverflow`), and a
+    // wrap there is the ladder having failed: it would silently buy a second
+    // row instead of shedding a control into "Mais", which is the one outcome
+    // the ladder exists to prevent.
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        sx: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          gap: 2,
+          flexWrap: leadingControls === void 0 ? "wrap" : "nowrap",
+          rowGap: 1
+        },
+        children: [
+          showSelection && /* @__PURE__ */ jsx(
+            SelectionCluster,
+            {
+              selectAllText,
+              clearAllText,
+              hasSelection,
+              selectedCount,
+              selectAll,
+              clearSelection,
+              actions,
+              selectAllTestId,
+              clearAllTestId,
+              selectAllLabel,
+              edgeAlign
+            }
+          ),
+          showControls && /* @__PURE__ */ jsx(
+            BrowsingClusters,
+            {
+              leadingControls,
+              rightControls,
+              hasSelection,
+              edgeAlign
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+
+export {
+  ContentToolbar
+};
+//# sourceMappingURL=chunk-BCDQPMP4.js.map

package/dist/chunk-BCDQPMP4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ContentToolbar/ContentToolbar.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Button, Checkbox, Divider, Typography } from '@mui/material';\nimport React from 'react';\n\nimport type { ContentToolbarProps } from './ContentToolbar.types';\n\nconst selectionButtonSx = {\n  minWidth: 0,\n  height: 'auto',\n  borderRadius: 0.5,\n  fontWeight: 600,\n  py: 0.5,\n  px: 1.5,\n  fontSize: '0.75rem',\n  textTransform: 'none',\n  color: 'text.primary',\n} as const;\n\ntype SelectionClusterProps = Pick<\n  ContentToolbarProps,\n  | 'hasSelection'\n  | 'selectedCount'\n  | 'selectAll'\n  | 'clearSelection'\n  | 'actions'\n  | 'selectAllTestId'\n  | 'clearAllTestId'\n  | 'edgeAlign'\n  | 'selectAllLabel'\n  | 'selectAllText'\n  | 'clearAllText'\n>;\n\n/** The left cluster: Select All + (when selecting) Clear All / count / actions. */\nfunction SelectionCluster({\n  hasSelection,\n  selectedCount,\n  selectAll,\n  clearSelection,\n  actions,\n  selectAllTestId,\n  clearAllTestId,\n  edgeAlign = false,\n  selectAllLabel,\n  selectAllText,\n  clearAllText,\n}: SelectionClusterProps): React.JSX.Element {\n  const actionsSlot = actions !== undefined && (\n    <Box sx={{ ml: 0.5, display: 'flex', flexShrink: 0, alignItems: 'center' }}>{actions}</Box>\n  );\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        minWidth: 0,\n        // Mobile: don't grow, so the controls sit on the SAME line as the checkbox\n        // (no orphaned selection row). Desktop: grow to push controls right.\n        flex: { xs: '0 0 auto', md: 1 },\n        alignItems: 'center',\n        gap: 1.5,\n        ml: edgeAlign ? -1.5 : 0,\n      }}\n    >\n      {/* Desktop: a \"Select All\" text button (md+). Mobile: a compact checkbox\n          that toggles select-all/clear — the text would eat the tight row. */}\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        onClick={selectAll}\n        data-testid={selectAllTestId}\n        sx={{ ...selectionButtonSx, display: { xs: 'none', md: 'inline-flex' } }}\n      >\n        {selectAllText}\n      </Button>\n      <Checkbox\n        size=\"small\"\n        checked={hasSelection}\n        onChange={(event) => (event.target.checked ? selectAll() : clearSelection())}\n        data-testid={`${selectAllTestId}-checkbox`}\n        inputProps={{ 'aria-label': selectAllLabel }}\n        sx={{ p: 0.5, display: { xs: 'inline-flex', md: 'none' } }}\n      />\n      {hasSelection ? (\n        <>\n          <Button\n            variant=\"text\"\n            size=\"small\"\n            color=\"inherit\"\n            onClick={clearSelection}\n            data-testid={clearAllTestId}\n            sx={selectionButtonSx}\n          >\n            {clearAllText}\n          </Button>\n          <Divider orientation=\"vertical\" flexItem sx={{ height: 16, alignSelf: 'center' }} />\n          <Typography\n            component=\"span\"\n            data-testid=\"selected-count-indicator\"\n            sx={{ fontSize: '0.875rem', color: 'text.secondary', whiteSpace: 'nowrap', flexShrink: 0 }}\n          >\n            {selectedCount} {selectedCount === 1 ? 'item' : 'items'} selected\n          </Typography>\n          {actionsSlot}\n        </>\n      ) : (\n        actionsSlot\n      )}\n    </Box>\n  );\n}\n\n/**\n * The BROWSING half of the toolbar: search + filters on the left, the page's\n * own controls on the right. Split out of {@link ContentToolbar} so that\n * function stays inside the complexity gate — it is layout only, and the\n * decision of whether to show it at all is made by the caller.\n */\nfunction BrowsingClusters({\n  leadingControls,\n  rightControls,\n  hasSelection,\n  edgeAlign,\n}: {\n  leadingControls?: React.ReactNode;\n  rightControls: React.ReactNode;\n  hasSelection: boolean;\n  edgeAlign: boolean;\n}): React.JSX.Element {\n  return (\n    <>\n      {/* minWidth:0 lets this cluster be the one that gives up width as the row\n       * tightens, which is what the filter overflow measures against. */}\n      {leadingControls !== undefined && (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            flexGrow: 1,\n            minWidth: 0,\n            // The collapse ladder has a FLOOR — below roughly 400px even the\n            // fully-collapsed row does not fit, and its controls cannot shrink\n            // (they are flexShrink:0 so an over-packed row sheds instead of\n            // squeezing). Past that point this scrolls rather than letting them\n            // paint outside the toolbar, which is what a narrow phone did.\n            overflowX: 'auto',\n            // No scrollbar gutter stealing height on the common case.\n            scrollbarWidth: 'thin',\n          }}\n        >\n          {leadingControls}\n        </Box>\n      )}\n      {/* ml:auto keeps the controls right-aligned even when the cluster wraps to\n       * its own row (where justify-content:space-between would otherwise snap a\n       * lone item to the left); it's a no-op on a shared row. */}\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          // Same single-line rule as the row itself: this cluster wrapping\n          // INTERNALLY buys a second line just as surely as the row wrapping\n          // does. It bit at exactly 900px, the `md` breakpoint where the \"N de\n          // N\" counter appears and pushes Exibir/Exportar over the edge.\n          flexWrap: leadingControls === undefined ? 'wrap' : 'nowrap',\n          // Tight (5px) when browsing so the controls fit one line beside the\n          // checkbox; roomier (14px) in selection mode where they get their own row.\n          gap: hasSelection ? '14px' : '5px',\n          ml: 'auto',\n          mr: edgeAlign ? -1.5 : 0,\n          '& > *': { flexShrink: 0 },\n        }}\n      >\n        {rightControls}\n      </Box>\n    </>\n  );\n}\n\n/**\n * Shared toolbar for content pages (Favorites, Personal Space, Recents, …). The\n * left cluster owns selection chrome — **Select All**, and once items are\n * selected, **Clear All** + an \"N items selected\" count + an optional `actions`\n * slot. The right cluster is a free `rightControls` slot for page-specific\n * controls (ViewSelector, SortByDropdown, MultiSelectDropdown, FilterTrigger).\n *\n * Faithful, generic MUI port of the reference `ContentPageToolbar` — the\n * domain-specific default actions are intentionally left to the consumer via\n * the `actions` slot so this stays agnostic and reusable across projects.\n *\n * @example\n * ```tsx\n * <ContentToolbar\n *   hasSelection={selected.size > 0}\n *   selectedCount={selected.size}\n *   selectAll={selectAll}\n *   clearSelection={clear}\n *   rightControls={\n *     <>\n *       <ViewSelector viewMode={view} onViewModeChange={setView} zoom={zoom} onZoomChange={setZoom} />\n *       <SortByDropdown fields={FIELDS} activeField={field} onFieldChange={setField} />\n *       <MultiSelectDropdown label=\"Content Type\" options={types} selected={typeSet} onToggle={toggle} onClear={clear} />\n *       <FilterTrigger open={panelOpen} onOpenChange={setPanelOpen} hasActiveFilters={hasFilters} />\n *     </>\n *   }\n * />\n * ```\n */\nexport function ContentToolbar({\n  hasSelection,\n  selectedCount,\n  selectAll,\n  clearSelection,\n  rightControls,\n  leadingControls,\n  actions,\n  selectAllTestId,\n  clearAllTestId,\n  edgeAlign = false,\n  exclusiveSelection = false,\n  selectAllLabel,\n  selectAllText,\n  clearAllText,\n}: ContentToolbarProps): React.JSX.Element {\n  // Under `exclusiveSelection` the two states are alternatives, not neighbours:\n  // browsing shows the controls and no checkbox, selecting shows the checkbox\n  // and no controls. Anything else double-books the row.\n  const showSelection = !exclusiveSelection || hasSelection;\n  const showControls = !exclusiveSelection || !hasSelection;\n  return (\n    // Two clusters on one line. They may wrap onto separate rows ONLY for a\n    // toolbar without `leadingControls` — one carrying search + filters is\n    // driven by a measured collapse ladder (see `useFilterOverflow`), and a\n    // wrap there is the ladder having failed: it would silently buy a second\n    // row instead of shedding a control into \"Mais\", which is the one outcome\n    // the ladder exists to prevent.\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 2,\n        flexWrap: leadingControls === undefined ? 'wrap' : 'nowrap',\n        rowGap: 1,\n      }}\n    >\n      {showSelection && (\n        <SelectionCluster\n          selectAllText={selectAllText}\n          clearAllText={clearAllText}\n          hasSelection={hasSelection}\n          selectedCount={selectedCount}\n          selectAll={selectAll}\n          clearSelection={clearSelection}\n          actions={actions}\n          selectAllTestId={selectAllTestId}\n          clearAllTestId={clearAllTestId}\n          selectAllLabel={selectAllLabel}\n          edgeAlign={edgeAlign}\n        />\n      )}\n\n      {showControls && (\n        <BrowsingClusters\n          leadingControls={leadingControls}\n          rightControls={rightControls}\n          hasSelection={hasSelection}\n          edgeAlign={edgeAlign}\n        />\n      )}\n    </Box>\n  );\n}\n"],"mappings":";AAEA,SAAS,KAAK,QAAQ,UAAU,SAAS,kBAAkB;AA+CvD,SAoCI,UApCJ,KAgDM,YAhDN;AA1CJ,IAAM,oBAAoB;AAAA,EACxB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,OAAO;AACT;AAkBA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF,GAA6C;AAC3C,QAAM,cAAc,YAAY,UAC9B,oBAAC,OAAI,IAAI,EAAE,IAAI,KAAK,SAAS,QAAQ,YAAY,GAAG,YAAY,SAAS,GAAI,mBAAQ;AAEvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,UAAU;AAAA;AAAA;AAAA,QAGV,MAAM,EAAE,IAAI,YAAY,IAAI,EAAE;AAAA,QAC9B,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,IAAI,YAAY,OAAO;AAAA,MACzB;AAAA,MAIA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAAS;AAAA,YACT,eAAa;AAAA,YACb,IAAI,EAAE,GAAG,mBAAmB,SAAS,EAAE,IAAI,QAAQ,IAAI,cAAc,EAAE;AAAA,YAEtE;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,UAAU,CAAC,UAAW,MAAM,OAAO,UAAU,UAAU,IAAI,eAAe;AAAA,YAC1E,eAAa,GAAG,eAAe;AAAA,YAC/B,YAAY,EAAE,cAAc,eAAe;AAAA,YAC3C,IAAI,EAAE,GAAG,KAAK,SAAS,EAAE,IAAI,eAAe,IAAI,OAAO,EAAE;AAAA;AAAA,QAC3D;AAAA,QACC,eACC,iCACE;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAAS;AAAA,cACT,eAAa;AAAA,cACb,IAAI;AAAA,cAEH;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,WAAQ,aAAY,YAAW,UAAQ,MAAC,IAAI,EAAE,QAAQ,IAAI,WAAW,SAAS,GAAG;AAAA,UAClF;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,IAAI,EAAE,UAAU,YAAY,OAAO,kBAAkB,YAAY,UAAU,YAAY,EAAE;AAAA,cAExF;AAAA;AAAA,gBAAc;AAAA,gBAAE,kBAAkB,IAAI,SAAS;AAAA,gBAAQ;AAAA;AAAA;AAAA,UAC1D;AAAA,UACC;AAAA,WACH,IAEA;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAQA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,SACE,iCAGG;AAAA,wBAAoB,UACnB;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,UAAU;AAAA,UACV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMV,WAAW;AAAA;AAAA,UAEX,gBAAgB;AAAA,QAClB;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IAKF;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,UAKZ,UAAU,oBAAoB,SAAY,SAAS;AAAA;AAAA;AAAA,UAGnD,KAAK,eAAe,SAAS;AAAA,UAC7B,IAAI;AAAA,UACJ,IAAI,YAAY,OAAO;AAAA,UACvB,SAAS,EAAE,YAAY,EAAE;AAAA,QAC3B;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AA+BO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF,GAA2C;AAIzC,QAAM,gBAAgB,CAAC,sBAAsB;AAC7C,QAAM,eAAe,CAAC,sBAAsB,CAAC;AAC7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOE;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,KAAK;AAAA,UACL,UAAU,oBAAoB,SAAY,SAAS;AAAA,UACnD,QAAQ;AAAA,QACV;AAAA,QAEC;AAAA,2BACC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,UAGD,gBACC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA;AAEJ;","names":[]}

package/dist/chunk-BD6TZIF7.js

@@ -0,0 +1,57 @@
+// src/components/form/Command/Command.parts.tsx
+import { Box, CircularProgress, Divider, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CommandEmpty = ({
+  message = "No results found",
+  className,
+  style,
+  dataTestId
+}) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    className,
+    "data-testid": dataTestId,
+    sx: {
+      p: 4,
+      textAlign: "center",
+      color: "text.secondary",
+      ...style
+    },
+    children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: message })
+  }
+);
+var CommandLoading = ({
+  message = "Loading...",
+  className,
+  style,
+  dataTestId
+}) => /* @__PURE__ */ jsxs(
+  Box,
+  {
+    className,
+    "data-testid": dataTestId,
+    sx: {
+      p: 4,
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 2,
+      ...style
+    },
+    children: [
+      /* @__PURE__ */ jsx(CircularProgress, { size: 24 }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: message })
+    ]
+  }
+);
+var CommandSeparator = ({
+  className,
+  style
+}) => /* @__PURE__ */ jsx(Divider, { className, sx: { my: 1, ...style } });
+
+export {
+  CommandEmpty,
+  CommandLoading,
+  CommandSeparator
+};
+//# sourceMappingURL=chunk-BD6TZIF7.js.map

package/dist/chunk-BD6TZIF7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Command/Command.parts.tsx"],"sourcesContent":["import { Box, CircularProgress, Divider, Typography } from '@mui/material';\nimport React from 'react';\n\nimport type {\n  CommandEmptyProps,\n  CommandLoadingProps,\n  CommandSeparatorProps,\n} from './Command.types';\n\nexport const CommandEmpty: React.FC<CommandEmptyProps> = ({\n  message = 'No results found',\n  className,\n  style,\n  dataTestId,\n}) => (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 4,\n        textAlign: 'center',\n        color: 'text.secondary',\n        ...style,\n      }}\n    >\n      <Typography variant=\"body2\">{message}</Typography>\n    </Box>\n  );\n\nexport const CommandLoading: React.FC<CommandLoadingProps> = ({\n  message = 'Loading...',\n  className,\n  style,\n  dataTestId,\n}) => (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 4,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 2,\n        ...style,\n      }}\n    >\n      <CircularProgress size={24} />\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {message}\n      </Typography>\n    </Box>\n  );\n\nexport const CommandSeparator: React.FC<CommandSeparatorProps> = ({\n  className,\n  style,\n}) => <Divider className={className} sx={{ my: 1, ...style }} />;"],"mappings":";AAAA,SAAS,KAAK,kBAAkB,SAAS,kBAAkB;AAyBrD,cAUF,YAVE;AAhBC,IAAM,eAA4C,CAAC;AAAA,EACxD,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,MACI;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,eAAa;AAAA,IACb,IAAI;AAAA,MACF,GAAG;AAAA,MACH,WAAW;AAAA,MACX,OAAO;AAAA,MACP,GAAG;AAAA,IACL;AAAA,IAEA,8BAAC,cAAW,SAAQ,SAAS,mBAAQ;AAAA;AACvC;AAGG,IAAM,iBAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,MACI;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,eAAa;AAAA,IACb,IAAI;AAAA,MACF,GAAG;AAAA,MACH,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,GAAG;AAAA,IACL;AAAA,IAEA;AAAA,0BAAC,oBAAiB,MAAM,IAAI;AAAA,MAC5B,oBAAC,cAAW,SAAQ,SAAQ,OAAM,kBAC/B,mBACH;AAAA;AAAA;AACF;AAGG,IAAM,mBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AACF,MAAM,oBAAC,WAAQ,WAAsB,IAAI,EAAE,IAAI,GAAG,GAAG,MAAM,GAAG;","names":[]}