@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-VMSAKD4H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Popover/Popover.tsx"],"sourcesContent":["import type { PaperProps } from '@mui/material';\nimport { alpha, keyframes,Paper, Popover as MuiPopover } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport type { PopoverProps } from './Popover.types';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 10px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nconst StyledPaper = styled(Paper, {\n  shouldForwardProp: (prop) => \n    !['customVariant', 'glow', 'pulse'].includes(prop as string),\n})<{ \n  customVariant?: string; \n  glow?: boolean; \n  pulse?: boolean; \n}>(({ theme, customVariant, glow, pulse }) => ({\n  borderRadius: theme.spacing(1.5),\n  transition: 'all 0.3s ease',\n  position: 'relative',\n  overflow: 'hidden',\n\n  // Variant styles\n  ...(customVariant === 'default' && {\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: theme.shadows[8],\n  }),\n\n  ...(customVariant === 'glass' && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n  }),\n\n  ...(customVariant === 'arrow' && {\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: theme.shadows[12],\n  }),\n\n  // Glow effect\n  ...(glow && !pulse && {\n    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,\n    filter: 'brightness(1.05)',\n  }),\n\n  // Pulse animation\n  ...(pulse && !glow && {\n    position: 'relative',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: 0.1,\n      animation: `${pulseAnimation} 2s infinite`,\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n  }),\n\n  // Both glow and pulse\n  ...(glow && pulse && {\n    position: 'relative',\n    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,\n    filter: 'brightness(1.05)',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: 0.1,\n      animation: `${pulseAnimation} 2s infinite`,\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n  }),\n}));\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  ({\n    variant = 'default',\n    glow = false,\n    pulse = false,\n    maxWidth = 400,\n    dataTestId,\n    children,\n    ...props\n  }, ref) => (\n      <MuiPopover\n        ref={ref}\n        data-testid={dataTestId || 'popover-content'}\n        PaperProps={{\n          component: StyledPaper as React.ComponentType<PaperProps>,\n          customVariant: variant,\n          glow,\n          pulse,\n          sx: { maxWidth },\n          ...props.PaperProps,\n        } as PaperProps & { customVariant?: string; glow?: boolean; pulse?: boolean }}\n        {...props}\n      >\n        {children}\n      </MuiPopover>\n    )\n);\n\nPopover.displayName = 'Popover';"],"mappings":"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","names":[]}

package/dist/chunk-VN6Z6F7R.js

@@ -0,0 +1,68 @@
+// src/components/form/CategorySelect/useCategoryCommit.ts
+import { useCallback, useMemo } from "react";
+function useCategoryCommit({
+  props,
+  state,
+  single,
+  allowParentSelection
+}) {
+  const { closePanel, triggerRef, toggleCategory, toggleSubcategory, toggleExpanded } = state;
+  const closeAndRefocus = useCallback(() => {
+    closePanel();
+    triggerRef.current?.focus();
+  }, [closePanel, triggerRef]);
+  const commit = useCallback(() => {
+    if (props.mode === "single") return;
+    props.onChange([...state.draft]);
+    closeAndRefocus();
+  }, [props, state.draft, closeAndRefocus]);
+  const pick = useCallback(
+    (id) => {
+      if (props.mode !== "single") return;
+      props.onChange(id);
+      closeAndRefocus();
+    },
+    [props, closeAndRefocus]
+  );
+  const clearSelection = useCallback(() => {
+    if (props.mode === "single") props.onChange(null);
+    else props.onChange([]);
+  }, [props]);
+  const activateCategory = useCallback(
+    (group) => {
+      if (allowParentSelection && single) {
+        pick(group.category.id);
+        return;
+      }
+      if (allowParentSelection) {
+        toggleCategory(group);
+        return;
+      }
+      toggleExpanded(group.category.id);
+    },
+    [allowParentSelection, single, pick, toggleCategory, toggleExpanded]
+  );
+  const activateSubcategory = useCallback(
+    (id) => {
+      if (single) pick(id);
+      else toggleSubcategory(id);
+    },
+    [single, pick, toggleSubcategory]
+  );
+  return useMemo(
+    () => ({
+      commit,
+      pick,
+      cancel: closeAndRefocus,
+      clearSelection,
+      activateCategory,
+      activateSubcategory
+    }),
+    [commit, pick, closeAndRefocus, clearSelection, activateCategory, activateSubcategory]
+  );
+}
+
+export {
+  useCategoryCommit
+};
+//# sourceMappingURL=chunk-VN6Z6F7R.js.map

package/dist/chunk-VN6Z6F7R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/useCategoryCommit.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport type { CategoryGroup, CategorySelectProps } from './CategorySelect.types';\nimport type { CategorySelectState } from './useCategorySelect';\n\n/** The verbs a row, a footer button or a key press can invoke. */\nexport interface CategoryActions {\n  /** Publish the draft to the caller and close (multi-select). */\n  commit: () => void;\n  /** Choose one id and close (single-select). */\n  pick: (id: string) => void;\n  /** Close without publishing, returning focus to the trigger. */\n  cancel: () => void;\n  /** Empty the APPLIED selection straight from the closed trigger. */\n  clearSelection: () => void;\n  activateCategory: (group: CategoryGroup) => void;\n  activateSubcategory: (id: string) => void;\n}\n\ninterface UseCategoryCommitArgs {\n  props: CategorySelectProps;\n  state: CategorySelectState;\n  single: boolean;\n  allowParentSelection: boolean;\n}\n\n/**\n * The commit semantics, which are the one thing the two modes genuinely differ\n * on: multi-select batches into a draft and publishes on Apply, single-select\n * publishes the moment a row is chosen.\n */\nexport function useCategoryCommit({\n  props,\n  state,\n  single,\n  allowParentSelection,\n}: UseCategoryCommitArgs): CategoryActions {\n  const { closePanel, triggerRef, toggleCategory, toggleSubcategory, toggleExpanded } = state;\n\n  const closeAndRefocus = useCallback(() => {\n    closePanel();\n    triggerRef.current?.focus();\n  }, [closePanel, triggerRef]);\n\n  const commit = useCallback(() => {\n    if (props.mode === 'single') return;\n    props.onChange([...state.draft]);\n    closeAndRefocus();\n  }, [props, state.draft, closeAndRefocus]);\n\n  const pick = useCallback(\n    (id: string) => {\n      if (props.mode !== 'single') return;\n      props.onChange(id);\n      closeAndRefocus();\n    },\n    [props, closeAndRefocus],\n  );\n\n  const clearSelection = useCallback(() => {\n    if (props.mode === 'single') props.onChange(null);\n    else props.onChange([]);\n  }, [props]);\n\n  // A category row means different things per mode: pick the whole category,\n  // tick all its leaves, or — when it is only a heading — just fold it.\n  const activateCategory = useCallback(\n    (group: CategoryGroup) => {\n      if (allowParentSelection && single) {\n        pick(group.category.id);\n        return;\n      }\n      if (allowParentSelection) {\n        toggleCategory(group);\n        return;\n      }\n      toggleExpanded(group.category.id);\n    },\n    [allowParentSelection, single, pick, toggleCategory, toggleExpanded],\n  );\n\n  const activateSubcategory = useCallback(\n    (id: string) => {\n      if (single) pick(id);\n      else toggleSubcategory(id);\n    },\n    [single, pick, toggleSubcategory],\n  );\n\n  return useMemo(\n    () => ({\n      commit,\n      pick,\n      cancel: closeAndRefocus,\n      clearSelection,\n      activateCategory,\n      activateSubcategory,\n    }),\n    [commit, pick, closeAndRefocus, clearSelection, activateCategory, activateSubcategory],\n  );\n}\n"],"mappings":";AAAA,SAAS,aAAa,eAAe;AA+B9B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2C;AACzC,QAAM,EAAE,YAAY,YAAY,gBAAgB,mBAAmB,eAAe,IAAI;AAEtF,QAAM,kBAAkB,YAAY,MAAM;AACxC,eAAW;AACX,eAAW,SAAS,MAAM;AAAA,EAC5B,GAAG,CAAC,YAAY,UAAU,CAAC;AAE3B,QAAM,SAAS,YAAY,MAAM;AAC/B,QAAI,MAAM,SAAS,SAAU;AAC7B,UAAM,SAAS,CAAC,GAAG,MAAM,KAAK,CAAC;AAC/B,oBAAgB;AAAA,EAClB,GAAG,CAAC,OAAO,MAAM,OAAO,eAAe,CAAC;AAExC,QAAM,OAAO;AAAA,IACX,CAAC,OAAe;AACd,UAAI,MAAM,SAAS,SAAU;AAC7B,YAAM,SAAS,EAAE;AACjB,sBAAgB;AAAA,IAClB;AAAA,IACA,CAAC,OAAO,eAAe;AAAA,EACzB;AAEA,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,MAAM,SAAS,SAAU,OAAM,SAAS,IAAI;AAAA,QAC3C,OAAM,SAAS,CAAC,CAAC;AAAA,EACxB,GAAG,CAAC,KAAK,CAAC;AAIV,QAAM,mBAAmB;AAAA,IACvB,CAAC,UAAyB;AACxB,UAAI,wBAAwB,QAAQ;AAClC,aAAK,MAAM,SAAS,EAAE;AACtB;AAAA,MACF;AACA,UAAI,sBAAsB;AACxB,uBAAe,KAAK;AACpB;AAAA,MACF;AACA,qBAAe,MAAM,SAAS,EAAE;AAAA,IAClC;AAAA,IACA,CAAC,sBAAsB,QAAQ,MAAM,gBAAgB,cAAc;AAAA,EACrE;AAEA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,OAAe;AACd,UAAI,OAAQ,MAAK,EAAE;AAAA,UACd,mBAAkB,EAAE;AAAA,IAC3B;AAAA,IACA,CAAC,QAAQ,MAAM,iBAAiB;AAAA,EAClC;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,MAAM,iBAAiB,gBAAgB,kBAAkB,mBAAmB;AAAA,EACvF;AACF;","names":[]}

package/dist/chunk-VQNQA3DV.js

@@ -0,0 +1,103 @@
+import {
+  renderChartByType
+} from "./chunk-LPBAISNF.js";
+import {
+  getSizeStyles,
+  getVariantStyles
+} from "./chunk-2DGJMXCD.js";
+import {
+  ChartContainer
+} from "./chunk-QDNQGWEW.js";
+import {
+  muiColor
+} from "./chunk-OZCEKQIX.js";
+
+// src/components/data-display/Chart/Chart.tsx
+import { Box, CircularProgress, Paper, Typography, useTheme } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+function variantSx(theme, props) {
+  return getVariantStyles(theme, {
+    variant: props.variant ?? "default",
+    color: props.color ?? "primary",
+    glow: props.glow ?? false,
+    pulse: props.pulse ?? false,
+    glass: props.glass ?? false,
+    gradient: props.gradient ?? false,
+    disabled: props.disabled ?? false
+  });
+}
+function ChartHeader({ title, subtitle, neon, dataTestId }) {
+  if (!title && !subtitle) return null;
+  return /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, "data-testid": `${dataTestId}-header`, children: [
+    title && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "h6",
+        "data-testid": `${dataTestId}-title`,
+        sx: { color: neon ? "#00ffff" : "text.primary", fontWeight: 600 },
+        children: title
+      }
+    ),
+    subtitle && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "body2",
+        "data-testid": `${dataTestId}-subtitle`,
+        sx: { color: neon ? "rgba(0, 255, 255, 0.7)" : "text.secondary" },
+        children: subtitle
+      }
+    )
+  ] });
+}
+var Chart = (props) => {
+  const theme = useTheme();
+  const sizeStyles = getSizeStyles(props.size, props.height);
+  const styles = variantSx(theme, props);
+  const dataTestId = props["data-testid"] ?? "chart";
+  if (props.loading) {
+    return /* @__PURE__ */ jsx(
+      Paper,
+      {
+        "data-testid": `${dataTestId}-loading`,
+        sx: { ...styles, ...sizeStyles, display: "flex", justifyContent: "center", alignItems: "center" },
+        children: /* @__PURE__ */ jsx(CircularProgress, { color: muiColor(props.color ?? "primary", "inherit"), "data-testid": `${dataTestId}-loading-spinner` })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Paper,
+    {
+      "data-testid": dataTestId,
+      className: props.className,
+      sx: { p: 2, ...styles, ...props.style },
+      onFocus: props.onFocus,
+      onBlur: props.onBlur,
+      children: [
+        /* @__PURE__ */ jsx(
+          ChartHeader,
+          {
+            title: props.title,
+            subtitle: props.subtitle,
+            neon: props.variant === "neon",
+            dataTestId
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChartContainer,
+          {
+            responsive: props.responsive ?? true,
+            width: props.width ?? "100%",
+            height: props.fillHeight === true ? "100%" : sizeStyles.height,
+            "data-testid": `${dataTestId}-container`,
+            children: renderChartByType(props, theme)
+          }
+        )
+      ]
+    }
+  );
+};
+
+export {
+  Chart
+};
+//# sourceMappingURL=chunk-VQNQA3DV.js.map

package/dist/chunk-VQNQA3DV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/Chart.tsx"],"sourcesContent":["import { Box, CircularProgress, Paper, Typography, useTheme, type Theme } from '@mui/material';\nimport React from 'react';\n\nimport type { ChartProps } from './Chart.types';\nimport { ChartContainer } from './ChartComposables';\nimport { getSizeStyles, getVariantStyles } from './chart-internals';\nimport { renderChartByType } from './chart-renderers';\nimport { muiColor } from '../../../tokens/scales';\n\n/**\n * Prop-driven Recharts wrapper (line/bar/area/pie/radar/scatter/composed)\n * with MUI-themed chrome. The serializable-spec API (`SpecChart`) layers on\n * top of this component; type-specific rendering lives in\n * `chart-renderers.tsx` and styling in `chart-internals.ts`.\n */\n\nfunction variantSx(theme: Theme, props: ChartProps): Record<string, unknown> {\n  return getVariantStyles(theme, {\n    variant: props.variant ?? 'default',\n    color: props.color ?? 'primary',\n    glow: props.glow ?? false,\n    pulse: props.pulse ?? false,\n    glass: props.glass ?? false,\n    gradient: props.gradient ?? false,\n    disabled: props.disabled ?? false,\n  });\n}\n\ninterface HeaderProps {\n  title?: string;\n  subtitle?: string;\n  neon: boolean;\n  dataTestId: string;\n}\n\nfunction ChartHeader({ title, subtitle, neon, dataTestId }: HeaderProps): React.ReactElement | null {\n  if (!title && !subtitle) return null;\n  return (\n    <Box sx={{ mb: 2 }} data-testid={`${dataTestId}-header`}>\n      {title && (\n        <Typography\n          variant=\"h6\"\n          data-testid={`${dataTestId}-title`}\n          sx={{ color: neon ? '#00ffff' : 'text.primary', fontWeight: 600 }}\n        >\n          {title}\n        </Typography>\n      )}\n      {subtitle && (\n        <Typography\n          variant=\"body2\"\n          data-testid={`${dataTestId}-subtitle`}\n          sx={{ color: neon ? 'rgba(0, 255, 255, 0.7)' : 'text.secondary' }}\n        >\n          {subtitle}\n        </Typography>\n      )}\n    </Box>\n  );\n}\n\nexport const Chart: React.FC<ChartProps> = (props) => {\n  const theme = useTheme();\n  const sizeStyles = getSizeStyles(props.size, props.height);\n  const styles = variantSx(theme, props);\n  const dataTestId = props['data-testid'] ?? 'chart';\n\n  if (props.loading) {\n    return (\n      <Paper\n        data-testid={`${dataTestId}-loading`}\n        sx={{ ...styles, ...sizeStyles, display: 'flex', justifyContent: 'center', alignItems: 'center' }}\n      >\n        <CircularProgress color={muiColor(props.color ?? 'primary', 'inherit')} data-testid={`${dataTestId}-loading-spinner`} />\n      </Paper>\n    );\n  }\n\n  return (\n    <Paper\n      data-testid={dataTestId}\n      className={props.className}\n      sx={{ p: 2, ...styles, ...props.style }}\n      onFocus={props.onFocus}\n      onBlur={props.onBlur}\n    >\n      <ChartHeader\n        title={props.title}\n        subtitle={props.subtitle}\n        neon={props.variant === 'neon'}\n        dataTestId={dataTestId}\n      />\n      <ChartContainer\n        responsive={props.responsive ?? true}\n        width={props.width ?? '100%'}\n        height={props.fillHeight === true ? '100%' : sizeStyles.height}\n        data-testid={`${dataTestId}-container`}\n      >\n        {renderChartByType(props, theme)}\n      </ChartContainer>\n    </Paper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAS,KAAK,kBAAkB,OAAO,YAAY,gBAA4B;AAsC3E,SAEI,KAFJ;AAtBJ,SAAS,UAAU,OAAc,OAA4C;AAC3E,SAAO,iBAAiB,OAAO;AAAA,IAC7B,SAAS,MAAM,WAAW;AAAA,IAC1B,OAAO,MAAM,SAAS;AAAA,IACtB,MAAM,MAAM,QAAQ;AAAA,IACpB,OAAO,MAAM,SAAS;AAAA,IACtB,OAAO,MAAM,SAAS;AAAA,IACtB,UAAU,MAAM,YAAY;AAAA,IAC5B,UAAU,MAAM,YAAY;AAAA,EAC9B,CAAC;AACH;AASA,SAAS,YAAY,EAAE,OAAO,UAAU,MAAM,WAAW,GAA2C;AAClG,MAAI,CAAC,SAAS,CAAC,SAAU,QAAO;AAChC,SACE,qBAAC,OAAI,IAAI,EAAE,IAAI,EAAE,GAAG,eAAa,GAAG,UAAU,WAC3C;AAAA,aACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI,EAAE,OAAO,OAAO,YAAY,gBAAgB,YAAY,IAAI;AAAA,QAE/D;AAAA;AAAA,IACH;AAAA,IAED,YACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI,EAAE,OAAO,OAAO,2BAA2B,iBAAiB;AAAA,QAE/D;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAEO,IAAM,QAA8B,CAAC,UAAU;AACpD,QAAM,QAAQ,SAAS;AACvB,QAAM,aAAa,cAAc,MAAM,MAAM,MAAM,MAAM;AACzD,QAAM,SAAS,UAAU,OAAO,KAAK;AACrC,QAAM,aAAa,MAAM,aAAa,KAAK;AAE3C,MAAI,MAAM,SAAS;AACjB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI,EAAE,GAAG,QAAQ,GAAG,YAAY,SAAS,QAAQ,gBAAgB,UAAU,YAAY,SAAS;AAAA,QAEhG,8BAAC,oBAAiB,OAAO,SAAS,MAAM,SAAS,WAAW,SAAS,GAAG,eAAa,GAAG,UAAU,oBAAoB;AAAA;AAAA,IACxH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,WAAW,MAAM;AAAA,MACjB,IAAI,EAAE,GAAG,GAAG,GAAG,QAAQ,GAAG,MAAM,MAAM;AAAA,MACtC,SAAS,MAAM;AAAA,MACf,QAAQ,MAAM;AAAA,MAEd;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,MAAM;AAAA,YACb,UAAU,MAAM;AAAA,YAChB,MAAM,MAAM,YAAY;AAAA,YACxB;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,YAAY,MAAM,cAAc;AAAA,YAChC,OAAO,MAAM,SAAS;AAAA,YACtB,QAAQ,MAAM,eAAe,OAAO,SAAS,WAAW;AAAA,YACxD,eAAa,GAAG,UAAU;AAAA,YAEzB,4BAAkB,OAAO,KAAK;AAAA;AAAA,QACjC;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-VRPCZ3IE.js

@@ -0,0 +1,83 @@
+import {
+  coordinatesOf,
+  freeSoloAddress,
+  toAddressDetails
+} from "./chunk-6HLWZR3X.js";
+import {
+  MOCK_PLACE_DETAILS
+} from "./chunk-O7QPPJAK.js";
+
+// src/components/form/AddressAutocomplete/useAddressSelection.ts
+import { useCallback } from "react";
+var MOCK_DETAILS_DELAY_MS = 50;
+var PLACE_DETAIL_FIELDS = ["formatted_address", "address_components", "geometry"];
+var resolveMockPlace = (value, sink) => {
+  window.setTimeout(() => {
+    sink.setLoading(false);
+    const place = MOCK_PLACE_DETAILS[value.place_id];
+    if (!place) {
+      sink.setApiError("Address details not found");
+      return;
+    }
+    sink.applyAddress(
+      toAddressDetails({
+        components: place.address_components,
+        formatted: place.formatted_address || value.description,
+        coordinates: coordinatesOf(place.geometry)
+      })
+    );
+  }, MOCK_DETAILS_DELAY_MS);
+};
+var resolveLivePlace = (service, value, sink) => {
+  const request = {
+    placeId: value.place_id,
+    fields: PLACE_DETAIL_FIELDS
+  };
+  service.getDetails(request, (place, status) => {
+    sink.setLoading(false);
+    if (status !== google.maps.places.PlacesServiceStatus.OK || !place) {
+      sink.setApiError("Failed to get address details");
+      return;
+    }
+    sink.applyAddress(
+      toAddressDetails({
+        components: place.address_components ?? [],
+        formatted: place.formatted_address || value.description,
+        coordinates: coordinatesOf(place.geometry)
+      })
+    );
+  });
+};
+var useAddressSelection = ({
+  services,
+  useMockData,
+  setLoading,
+  setApiError,
+  onSelect,
+  applyAddress
+}) => useCallback(
+  (_event, value) => {
+    if (typeof value === "string") {
+      onSelect(freeSoloAddress(value));
+      return;
+    }
+    if (!value) return;
+    setLoading(true);
+    const sink = { setLoading, setApiError, applyAddress };
+    if (useMockData && "place_id" in value) {
+      resolveMockPlace(value, sink);
+      return;
+    }
+    if (!services.placesService) {
+      setLoading(false);
+      return;
+    }
+    resolveLivePlace(services.placesService, value, sink);
+  },
+  [services, useMockData, setLoading, setApiError, onSelect, applyAddress]
+);
+
+export {
+  useAddressSelection
+};
+//# sourceMappingURL=chunk-VRPCZ3IE.js.map

package/dist/chunk-VRPCZ3IE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/useAddressSelection.ts"],"sourcesContent":["import type React from 'react';\nimport { useCallback } from 'react';\n\nimport { coordinatesOf, freeSoloAddress, toAddressDetails } from './AddressAutocomplete.mapper';\nimport type {\n  AddressDetails,\n  AddressOptionValue,\n  AddressPrediction,\n} from './AddressAutocomplete.types';\nimport { MOCK_PLACE_DETAILS } from './mockPlaces';\nimport type { GoogleMapsService } from './useGoogleMapsAPI';\n\nconst MOCK_DETAILS_DELAY_MS = 50;\n\nconst PLACE_DETAIL_FIELDS = ['formatted_address', 'address_components', 'geometry'];\n\ninterface SelectionSink {\n  setLoading: (loading: boolean) => void;\n  setApiError: (message: string | null) => void;\n  applyAddress: (address: AddressDetails) => void;\n}\n\nconst resolveMockPlace = (value: AddressPrediction, sink: SelectionSink) => {\n  window.setTimeout(() => {\n    sink.setLoading(false);\n\n    const place = MOCK_PLACE_DETAILS[value.place_id];\n    if (!place) {\n      sink.setApiError('Address details not found');\n      return;\n    }\n\n    sink.applyAddress(\n      toAddressDetails({\n        components: place.address_components,\n        formatted: place.formatted_address || value.description,\n        coordinates: coordinatesOf(place.geometry),\n      }),\n    );\n  }, MOCK_DETAILS_DELAY_MS);\n};\n\nconst resolveLivePlace = (\n  service: google.maps.places.PlacesService,\n  value: AddressPrediction,\n  sink: SelectionSink,\n) => {\n  const request: google.maps.places.PlaceDetailsRequest = {\n    placeId: value.place_id,\n    fields: PLACE_DETAIL_FIELDS,\n  };\n\n  service.getDetails(request, (place, status) => {\n    sink.setLoading(false);\n\n    if (status !== google.maps.places.PlacesServiceStatus.OK || !place) {\n      sink.setApiError('Failed to get address details');\n      return;\n    }\n\n    sink.applyAddress(\n      toAddressDetails({\n        components: place.address_components ?? [],\n        formatted: place.formatted_address || value.description,\n        coordinates: coordinatesOf(place.geometry),\n      }),\n    );\n  });\n};\n\nexport const useAddressSelection = ({\n  services,\n  useMockData,\n  setLoading,\n  setApiError,\n  onSelect,\n  applyAddress,\n}: {\n  services: GoogleMapsService;\n  useMockData: boolean;\n  setLoading: (loading: boolean) => void;\n  setApiError: (message: string | null) => void;\n  onSelect: (address: AddressDetails) => void;\n  applyAddress: (address: AddressDetails) => void;\n}) =>\n  useCallback(\n    (_event: React.SyntheticEvent, value: AddressOptionValue | null) => {\n      // freeSolo text is reported as typed; there is no place to look up, and the\n      // input already holds it.\n      if (typeof value === 'string') {\n        onSelect(freeSoloAddress(value));\n        return;\n      }\n\n      if (!value) return;\n\n      setLoading(true);\n      const sink: SelectionSink = { setLoading, setApiError, applyAddress };\n\n      if (useMockData && 'place_id' in value) {\n        resolveMockPlace(value, sink);\n        return;\n      }\n\n      if (!services.placesService) {\n        setLoading(false);\n        return;\n      }\n\n      resolveLivePlace(services.placesService, value, sink);\n    },\n    [services, useMockData, setLoading, setApiError, onSelect, applyAddress],\n  );\n"],"mappings":";;;;;;;;;;AACA,SAAS,mBAAmB;AAW5B,IAAM,wBAAwB;AAE9B,IAAM,sBAAsB,CAAC,qBAAqB,sBAAsB,UAAU;AAQlF,IAAM,mBAAmB,CAAC,OAA0B,SAAwB;AAC1E,SAAO,WAAW,MAAM;AACtB,SAAK,WAAW,KAAK;AAErB,UAAM,QAAQ,mBAAmB,MAAM,QAAQ;AAC/C,QAAI,CAAC,OAAO;AACV,WAAK,YAAY,2BAA2B;AAC5C;AAAA,IACF;AAEA,SAAK;AAAA,MACH,iBAAiB;AAAA,QACf,YAAY,MAAM;AAAA,QAClB,WAAW,MAAM,qBAAqB,MAAM;AAAA,QAC5C,aAAa,cAAc,MAAM,QAAQ;AAAA,MAC3C,CAAC;AAAA,IACH;AAAA,EACF,GAAG,qBAAqB;AAC1B;AAEA,IAAM,mBAAmB,CACvB,SACA,OACA,SACG;AACH,QAAM,UAAkD;AAAA,IACtD,SAAS,MAAM;AAAA,IACf,QAAQ;AAAA,EACV;AAEA,UAAQ,WAAW,SAAS,CAAC,OAAO,WAAW;AAC7C,SAAK,WAAW,KAAK;AAErB,QAAI,WAAW,OAAO,KAAK,OAAO,oBAAoB,MAAM,CAAC,OAAO;AAClE,WAAK,YAAY,+BAA+B;AAChD;AAAA,IACF;AAEA,SAAK;AAAA,MACH,iBAAiB;AAAA,QACf,YAAY,MAAM,sBAAsB,CAAC;AAAA,QACzC,WAAW,MAAM,qBAAqB,MAAM;AAAA,QAC5C,aAAa,cAAc,MAAM,QAAQ;AAAA,MAC3C,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAEO,IAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQE;AAAA,EACE,CAAC,QAA8B,UAAqC;AAGlE,QAAI,OAAO,UAAU,UAAU;AAC7B,eAAS,gBAAgB,KAAK,CAAC;AAC/B;AAAA,IACF;AAEA,QAAI,CAAC,MAAO;AAEZ,eAAW,IAAI;AACf,UAAM,OAAsB,EAAE,YAAY,aAAa,aAAa;AAEpE,QAAI,eAAe,cAAc,OAAO;AACtC,uBAAiB,OAAO,IAAI;AAC5B;AAAA,IACF;AAEA,QAAI,CAAC,SAAS,eAAe;AAC3B,iBAAW,KAAK;AAChB;AAAA,IACF;AAEA,qBAAiB,SAAS,eAAe,OAAO,IAAI;AAAA,EACtD;AAAA,EACA,CAAC,UAAU,aAAa,YAAY,aAAa,UAAU,YAAY;AACzE;","names":[]}

package/dist/chunk-VWP5QJJH.js

@@ -0,0 +1,85 @@
+// src/components/typography/Paragraph/Paragraph.tsx
+import { Typography } from "@mui/material";
+import { styled } from "@mui/material";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") {
+    return theme.palette.text.primary;
+  }
+  const colorMap = {
+    primary: theme.palette.primary.main,
+    secondary: theme.palette.secondary.main,
+    success: theme.palette.success.main,
+    warning: theme.palette.warning.main,
+    info: theme.palette.info.main,
+    danger: theme.palette.error.main
+  };
+  return colorMap[color] || theme.palette.text.primary;
+};
+var StyledParagraph = styled(Typography, {
+  shouldForwardProp: (prop) => !["customVariant", "customColor", "customSize"].includes(prop)
+})(({ theme, customVariant = "default", customColor = "neutral", customSize = "md" }) => {
+  const textColor = getColorFromTheme(theme, customColor);
+  const sizeMap = {
+    xs: { fontSize: "0.75rem", lineHeight: 1.4 },
+    sm: { fontSize: "0.875rem", lineHeight: 1.5 },
+    md: { fontSize: "1rem", lineHeight: 1.6 },
+    lg: { fontSize: "1.125rem", lineHeight: 1.6 },
+    xl: { fontSize: "1.25rem", lineHeight: 1.7 }
+  };
+  const baseStyles = {
+    fontFamily: theme.typography.body1.fontFamily,
+    margin: "0 0 1em 0",
+    transition: "all 0.2s ease",
+    ...sizeMap[customSize]
+  };
+  const variantStyles = {
+    default: {
+      ...baseStyles,
+      color: textColor,
+      fontWeight: 400
+    },
+    lead: {
+      ...baseStyles,
+      color: textColor,
+      fontWeight: 400,
+      fontSize: customSize === "md" ? "1.125rem" : sizeMap[customSize]?.fontSize,
+      lineHeight: 1.7,
+      letterSpacing: "0.01em"
+    },
+    muted: {
+      ...baseStyles,
+      color: theme.palette.text.secondary,
+      fontWeight: 400,
+      opacity: 0.8
+    },
+    small: {
+      ...baseStyles,
+      color: theme.palette.text.secondary,
+      fontSize: customSize === "md" ? "0.875rem" : sizeMap[customSize]?.fontSize,
+      fontWeight: 400,
+      lineHeight: 1.5
+    }
+  };
+  return variantStyles[customVariant] || variantStyles.default;
+});
+var Paragraph = React.forwardRef(
+  ({ variant = "default", color = "neutral", size = "md", children, ...props }, ref) => /* @__PURE__ */ jsx(
+    StyledParagraph,
+    {
+      ref,
+      customVariant: variant,
+      customColor: color,
+      customSize: size,
+      ...props,
+      children
+    }
+  )
+);
+Paragraph.displayName = "Paragraph";
+
+export {
+  Paragraph
+};
+//# sourceMappingURL=chunk-VWP5QJJH.js.map

package/dist/chunk-VWP5QJJH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import type { Theme} from '@mui/material';\nimport {Typography } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport type { ParagraphProps } from './Paragraph.types';\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  if (color === 'neutral') {\n    return theme.palette.text.primary;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme.palette.primary.main,\n    secondary: theme.palette.secondary.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    info: theme.palette.info.main,\n    danger: theme.palette.error.main,\n  };\n\n  return colorMap[color] || theme.palette.text.primary;\n};\n\nconst StyledParagraph = styled(Typography, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customColor', 'customSize'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customColor?: string;\n  customSize?: string;\n}>(({ theme, customVariant = 'default', customColor = 'neutral', customSize = 'md' }) => {\n  const textColor = getColorFromTheme(theme, customColor);\n\n  // Size mapping\n  const sizeMap = {\n    xs: { fontSize: '0.75rem', lineHeight: 1.4 },\n    sm: { fontSize: '0.875rem', lineHeight: 1.5 },\n    md: { fontSize: '1rem', lineHeight: 1.6 },\n    lg: { fontSize: '1.125rem', lineHeight: 1.6 },\n    xl: { fontSize: '1.25rem', lineHeight: 1.7 },\n  };\n\n  const baseStyles = {\n    fontFamily: theme.typography.body1.fontFamily,\n    margin: '0 0 1em 0',\n    transition: 'all 0.2s ease',\n    ...sizeMap[customSize as keyof typeof sizeMap],\n  };\n\n  // Variant-specific styles\n  const variantStyles = {\n    default: {\n      ...baseStyles,\n      color: textColor,\n      fontWeight: 400,\n    },\n    lead: {\n      ...baseStyles,\n      color: textColor,\n      fontWeight: 400,\n      fontSize:\n        customSize === 'md' ? '1.125rem' : sizeMap[customSize as keyof typeof sizeMap]?.fontSize,\n      lineHeight: 1.7,\n      letterSpacing: '0.01em',\n    },\n    muted: {\n      ...baseStyles,\n      color: theme.palette.text.secondary,\n      fontWeight: 400,\n      opacity: 0.8,\n    },\n    small: {\n      ...baseStyles,\n      color: theme.palette.text.secondary,\n      fontSize:\n        customSize === 'md' ? '0.875rem' : sizeMap[customSize as keyof typeof sizeMap]?.fontSize,\n      fontWeight: 400,\n      lineHeight: 1.5,\n    },\n  };\n\n  return variantStyles[customVariant as keyof typeof variantStyles] || variantStyles.default;\n});\n\nexport const Paragraph = React.forwardRef<globalThis.HTMLParagraphElement, ParagraphProps>(\n  ({ variant = 'default', color = 'neutral', size = 'md', children, ...props }, ref) => (\n      <StyledParagraph\n        ref={ref}\n        customVariant={variant}\n        customColor={color}\n        customSize={size}\n        {...props}\n      >\n        {children}\n      </StyledParagraph>\n    ),\n);\n\nParagraph.displayName = 'Paragraph';"],"mappings":";AACA,SAAQ,kBAAkB;AAC1B,SAAS,cAAc;AACvB,OAAO,WAAW;AAoFZ;AAhFN,IAAM,oBAAoB,CAAC,OAAc,UAAkB;AACzD,MAAI,UAAU,WAAW;AACvB,WAAO,MAAM,QAAQ,KAAK;AAAA,EAC5B;AAEA,QAAM,WAAmC;AAAA,IACvC,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,WAAW,MAAM,QAAQ,UAAU;AAAA,IACnC,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,MAAM,MAAM,QAAQ,KAAK;AAAA,IACzB,QAAQ,MAAM,QAAQ,MAAM;AAAA,EAC9B;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ,KAAK;AAC/C;AAEA,IAAM,kBAAkB,OAAO,YAAY;AAAA,EACzC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,eAAe,YAAY,EAAE,SAAS,IAAc;AAC3E,CAAC,EAIE,CAAC,EAAE,OAAO,gBAAgB,WAAW,cAAc,WAAW,aAAa,KAAK,MAAM;AACvF,QAAM,YAAY,kBAAkB,OAAO,WAAW;AAGtD,QAAM,UAAU;AAAA,IACd,IAAI,EAAE,UAAU,WAAW,YAAY,IAAI;AAAA,IAC3C,IAAI,EAAE,UAAU,YAAY,YAAY,IAAI;AAAA,IAC5C,IAAI,EAAE,UAAU,QAAQ,YAAY,IAAI;AAAA,IACxC,IAAI,EAAE,UAAU,YAAY,YAAY,IAAI;AAAA,IAC5C,IAAI,EAAE,UAAU,WAAW,YAAY,IAAI;AAAA,EAC7C;AAEA,QAAM,aAAa;AAAA,IACjB,YAAY,MAAM,WAAW,MAAM;AAAA,IACnC,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,GAAG,QAAQ,UAAkC;AAAA,EAC/C;AAGA,QAAM,gBAAgB;AAAA,IACpB,SAAS;AAAA,MACP,GAAG;AAAA,MACH,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UACE,eAAe,OAAO,aAAa,QAAQ,UAAkC,GAAG;AAAA,MAClF,YAAY;AAAA,MACZ,eAAe;AAAA,IACjB;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO,MAAM,QAAQ,KAAK;AAAA,MAC1B,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO,MAAM,QAAQ,KAAK;AAAA,MAC1B,UACE,eAAe,OAAO,aAAa,QAAQ,UAAkC,GAAG;AAAA,MAClF,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AAEA,SAAO,cAAc,aAA2C,KAAK,cAAc;AACrF,CAAC;AAEM,IAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,QAAQ,WAAW,OAAO,MAAM,UAAU,GAAG,MAAM,GAAG,QAC1E;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAe;AAAA,MACf,aAAa;AAAA,MACb,YAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEN;AAEA,UAAU,cAAc;","names":[]}

package/dist/chunk-VXBTEVOX.js

@@ -0,0 +1,47 @@
+// src/components/utility/InstallPrompt/InstallPrompt.styles.ts
+import { alpha } from "@mui/material";
+var installPromptStyles = (theme) => ({
+  display: "flex",
+  alignItems: "flex-start",
+  gap: theme.spacing(1.5),
+  padding: theme.spacing(1.5, 2),
+  borderRadius: theme.spacing(1),
+  backgroundColor: alpha(theme.palette.primary.main, 0.08),
+  border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+  ".install-prompt-icon": {
+    flexShrink: 0,
+    marginTop: theme.spacing(0.25),
+    display: "flex",
+    color: theme.palette.primary.main
+  },
+  ".install-prompt-content": {
+    flex: 1,
+    minWidth: 0
+  },
+  ".install-prompt-title": {
+    fontWeight: 600
+  },
+  ".install-prompt-description": {
+    opacity: 0.9
+  },
+  ".install-prompt-actions": {
+    display: "flex",
+    flexShrink: 0,
+    alignItems: "center",
+    gap: theme.spacing(1)
+  },
+  // The actions drop to their own full-width row on a phone, where this
+  // component does most of its work.
+  [theme.breakpoints.down("sm")]: {
+    flexWrap: "wrap",
+    ".install-prompt-actions": {
+      width: "100%",
+      marginTop: theme.spacing(1)
+    }
+  }
+});
+
+export {
+  installPromptStyles
+};
+//# sourceMappingURL=chunk-VXBTEVOX.js.map

package/dist/chunk-VXBTEVOX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/InstallPrompt/InstallPrompt.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nexport const installPromptStyles = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: theme.spacing(1.5),\n  padding: theme.spacing(1.5, 2),\n  borderRadius: theme.spacing(1),\n  backgroundColor: alpha(theme.palette.primary.main, 0.08),\n  border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n\n  '.install-prompt-icon': {\n    flexShrink: 0,\n    marginTop: theme.spacing(0.25),\n    display: 'flex',\n    color: theme.palette.primary.main,\n  },\n\n  '.install-prompt-content': {\n    flex: 1,\n    minWidth: 0,\n  },\n\n  '.install-prompt-title': {\n    fontWeight: 600,\n  },\n\n  '.install-prompt-description': {\n    opacity: 0.9,\n  },\n\n  '.install-prompt-actions': {\n    display: 'flex',\n    flexShrink: 0,\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  },\n\n  // The actions drop to their own full-width row on a phone, where this\n  // component does most of its work.\n  [theme.breakpoints.down('sm')]: {\n    flexWrap: 'wrap',\n\n    '.install-prompt-actions': {\n      width: '100%',\n      marginTop: theme.spacing(1),\n    },\n  },\n});\n"],"mappings":";AAAA,SAAS,aAAa;AAGf,IAAM,sBAAsB,CAAC,WAA6B;AAAA,EAC/D,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK,MAAM,QAAQ,GAAG;AAAA,EACtB,SAAS,MAAM,QAAQ,KAAK,CAAC;AAAA,EAC7B,cAAc,MAAM,QAAQ,CAAC;AAAA,EAC7B,iBAAiB,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,EACvD,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG,CAAC;AAAA,EAE3D,wBAAwB;AAAA,IACtB,YAAY;AAAA,IACZ,WAAW,MAAM,QAAQ,IAAI;AAAA,IAC7B,SAAS;AAAA,IACT,OAAO,MAAM,QAAQ,QAAQ;AAAA,EAC/B;AAAA,EAEA,2BAA2B;AAAA,IACzB,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EAEA,yBAAyB;AAAA,IACvB,YAAY;AAAA,EACd;AAAA,EAEA,+BAA+B;AAAA,IAC7B,SAAS;AAAA,EACX;AAAA,EAEA,2BAA2B;AAAA,IACzB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,KAAK,MAAM,QAAQ,CAAC;AAAA,EACtB;AAAA;AAAA;AAAA,EAIA,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,IAC9B,UAAU;AAAA,IAEV,2BAA2B;AAAA,MACzB,OAAO;AAAA,MACP,WAAW,MAAM,QAAQ,CAAC;AAAA,IAC5B;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-VXLERR3V.js

@@ -0,0 +1,71 @@
+import {
+  avatarFor,
+  chipRole,
+  chipStyles,
+  iconWithTestId,
+  isClickable,
+  makeKeyDownHandler,
+  makeTestId
+} from "./chunk-UPWGSWXG.js";
+
+// src/components/data-display/Chip/Chip.tsx
+import CancelIcon from "@mui/icons-material/Cancel";
+import { Chip as MuiChip } from "@mui/material";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var muiSizeFor = (size) => size === "xs" || size === "sm" ? "small" : "medium";
+var muiColorFor = (color) => {
+  if (color === "danger") return "error";
+  return color === "neutral" ? "default" : color;
+};
+var Chip = forwardRef(({
+  label,
+  variant = "filled",
+  size = "md",
+  color = "primary",
+  avatarSrc,
+  avatar,
+  icon,
+  selected,
+  selectable,
+  deletable,
+  disabled,
+  onClick,
+  onDelete,
+  className,
+  dataTestId,
+  ...props
+}, ref) => {
+  const testId = makeTestId(dataTestId);
+  const clickable = isClickable(disabled, onClick, selectable);
+  return /* @__PURE__ */ jsx(
+    MuiChip,
+    {
+      ref,
+      label: /* @__PURE__ */ jsx("span", { "data-testid": testId("label"), children: label }),
+      variant,
+      size: muiSizeFor(size),
+      color: muiColorFor(color),
+      avatar: avatarFor(avatar, avatarSrc),
+      icon: iconWithTestId(icon, testId("icon")),
+      onDelete: deletable ? onDelete : void 0,
+      deleteIcon: deletable ? /* @__PURE__ */ jsx(CancelIcon, { "data-testid": testId("delete") }) : void 0,
+      disabled,
+      clickable,
+      onClick: clickable ? onClick : void 0,
+      onKeyDown: makeKeyDownHandler({ disabled, deletable, selectable, onClick, onDelete }),
+      className,
+      role: chipRole(selectable, onClick),
+      "aria-selected": selectable ? selected : void 0,
+      "data-testid": dataTestId || "chip",
+      sx: chipStyles({ variant, selected, clickable, disabled }),
+      ...props
+    }
+  );
+});
+Chip.displayName = "Chip";
+
+export {
+  Chip
+};
+//# sourceMappingURL=chunk-VXLERR3V.js.map

package/dist/chunk-VXLERR3V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chip/Chip.tsx"],"sourcesContent":["import CancelIcon from '@mui/icons-material/Cancel';\nimport { Chip as MuiChip } from '@mui/material';\nimport { forwardRef } from 'react';\n\nimport {\n  avatarFor,\n  chipRole,\n  chipStyles,\n  iconWithTestId,\n  isClickable,\n  makeKeyDownHandler,\n  makeTestId,\n} from './Chip.helpers';\nimport type { ChipProps } from './Chip.types';\n\n/** MUI draws two chip sizes; ours are the house abbreviations for them. */\nconst muiSizeFor = (size: NonNullable<ChipProps['size']>): 'small' | 'medium' =>\n  size === 'xs' || size === 'sm' ? 'small' : 'medium';\n\ntype MuiChipColor =\n  | 'primary'\n  | 'secondary'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'default';\n\n/**\n * `danger` and `neutral` are ours; the rest are MUI's own names already.\n *\n * The same boundary translation `Button` performs, and it must stay a\n * translation rather than a cast: a cast is what let `danger` through untouched\n * and had MUI silently fall back to grey.\n *\n * `neutral` maps to `default`, not to `inherit` as it does on a button. A chip's\n * unaccented state is a real palette entry with its own fill; `inherit` would\n * take the surrounding text colour and paint a chip that reads as disabled.\n */\nconst muiColorFor = (color: NonNullable<ChipProps['color']>): MuiChipColor => {\n  if (color === 'danger') return 'error';\n  return color === 'neutral' ? 'default' : color;\n};\n\nexport const Chip = forwardRef<HTMLDivElement, ChipProps>(({\n  label,\n  variant = 'filled',\n  size = 'md',\n  color = 'primary',\n  avatarSrc,\n  avatar,\n  icon,\n  selected,\n  selectable,\n  deletable,\n  disabled,\n  onClick,\n  onDelete,\n  className,\n  dataTestId,\n  ...props\n}, ref) => {\n  const testId = makeTestId(dataTestId);\n  const clickable = isClickable(disabled, onClick, selectable);\n\n  return (\n    <MuiChip\n      ref={ref}\n      label={<span data-testid={testId('label')}>{label}</span>}\n      variant={variant}\n      size={muiSizeFor(size)}\n      color={muiColorFor(color)}\n      avatar={avatarFor(avatar, avatarSrc)}\n      icon={iconWithTestId(icon, testId('icon'))}\n      onDelete={deletable ? onDelete : undefined}\n      deleteIcon={deletable ? <CancelIcon data-testid={testId('delete')} /> : undefined}\n      disabled={disabled}\n      clickable={clickable}\n      onClick={clickable ? onClick : undefined}\n      onKeyDown={makeKeyDownHandler({ disabled, deletable, selectable, onClick, onDelete })}\n      className={className}\n      role={chipRole(selectable, onClick)}\n      aria-selected={selectable ? selected : undefined}\n      data-testid={dataTestId || 'chip'}\n      sx={chipStyles({ variant, selected, clickable, disabled })}\n      {...props}\n    />\n  );\n});\n\nChip.displayName = 'Chip';\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,QAAQ,eAAe;AAChC,SAAS,kBAAkB;AAkEd;AApDb,IAAM,aAAa,CAAC,SAClB,SAAS,QAAQ,SAAS,OAAO,UAAU;AAsB7C,IAAM,cAAc,CAAC,UAAyD;AAC5E,MAAI,UAAU,SAAU,QAAO;AAC/B,SAAO,UAAU,YAAY,YAAY;AAC3C;AAEO,IAAM,OAAO,WAAsC,CAAC;AAAA,EACzD;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,QAAQ;AACT,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,YAAY,YAAY,UAAU,SAAS,UAAU;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO,oBAAC,UAAK,eAAa,OAAO,OAAO,GAAI,iBAAM;AAAA,MAClD;AAAA,MACA,MAAM,WAAW,IAAI;AAAA,MACrB,OAAO,YAAY,KAAK;AAAA,MACxB,QAAQ,UAAU,QAAQ,SAAS;AAAA,MACnC,MAAM,eAAe,MAAM,OAAO,MAAM,CAAC;AAAA,MACzC,UAAU,YAAY,WAAW;AAAA,MACjC,YAAY,YAAY,oBAAC,cAAW,eAAa,OAAO,QAAQ,GAAG,IAAK;AAAA,MACxE;AAAA,MACA;AAAA,MACA,SAAS,YAAY,UAAU;AAAA,MAC/B,WAAW,mBAAmB,EAAE,UAAU,WAAW,YAAY,SAAS,SAAS,CAAC;AAAA,MACpF;AAAA,MACA,MAAM,SAAS,YAAY,OAAO;AAAA,MAClC,iBAAe,aAAa,WAAW;AAAA,MACvC,eAAa,cAAc;AAAA,MAC3B,IAAI,WAAW,EAAE,SAAS,UAAU,WAAW,SAAS,CAAC;AAAA,MACxD,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,KAAK,cAAc;","names":[]}