@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-O2CYLVPM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/AppHeader/AppHeader.identity.tsx"],"sourcesContent":["'use client';\n\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport { Box, Skeleton, Typography, useTheme } from '@mui/material';\nimport React from 'react';\n\nimport { accentFor, type SizeValue } from '../../../tokens/scales';\n\nimport { AppHeaderBrand } from './AppHeader.brand';\nimport type { AppHeaderIdentityProps, AppHeaderStatusProps } from './AppHeader.types';\n\n/** Title type scale, per house size step. */\nconst TITLE_PX: Record<SizeValue, number> = { xs: 14, sm: 15, md: 17, lg: 20, xl: 24 };\n\n/** One line, ellipsised — a long store name must not push the actions off-screen. */\nconst ONE_LINE = {\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n} as const;\n\n/**\n * The dotted state line: \"● Aberto agora · Retirada no balcão\".\n *\n * Segments are joined here rather than by the caller because the separator is a\n * presentational choice — a caller that pre-joins its own string can never be\n * restyled, and each segment loses the chance to carry its own markup.\n */\nexport const AppHeaderStatus: React.FC<AppHeaderStatusProps> = ({\n  tone,\n  items,\n  separator = '·',\n  className,\n  dataTestId = 'app-header-status',\n}) => {\n  const theme = useTheme();\n  const visible = items.filter((item) => item !== null && item !== undefined && item !== '');\n  if (visible.length === 0) return null;\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{ display: 'flex', alignItems: 'center', gap: 0.75, ...ONE_LINE }}\n    >\n      {tone && (\n        <Box\n          aria-hidden\n          data-testid={`${dataTestId}-dot`}\n          sx={{\n            width: 8,\n            height: 8,\n            flex: '0 0 auto',\n            borderRadius: '50%',\n            backgroundColor: accentFor(theme, tone).main,\n          }}\n        />\n      )}\n      <Typography variant=\"body2\" color=\"text.secondary\" component=\"span\" sx={ONE_LINE}>\n        {visible.map((item, index) => (\n          // Index keys: the segments are positional presentation, and nothing\n          // here reorders or is keyed on identity elsewhere.\n          <React.Fragment key={index}>\n            {index > 0 && (\n              <>\n                {/* Real spaces, not margin. A screen reader reads `textContent`,\n                    and a CSS-only gap runs \"Aberto agora\" straight into\n                    \"Retirada no balcão\" as one word. The glyph itself is\n                    hidden — it is punctuation, not something to announce. */}\n                {' '}\n                <Box component=\"span\" aria-hidden>\n                  {separator}\n                </Box>{' '}\n              </>\n            )}\n            {item}\n          </React.Fragment>\n        ))}\n      </Typography>\n    </Box>\n  );\n};\n\nAppHeaderStatus.displayName = 'AppHeaderStatus';\n\n/** Title + chevron + the quieter lines under them. */\nconst IdentityText: React.FC<\n  Pick<AppHeaderIdentityProps, 'title' | 'subtitle' | 'status' | 'size'> & {\n    interactive: boolean;\n    disclosed: boolean;\n    dataTestId: string;\n  }\n> = ({ title, subtitle, status, size = 'md', interactive, disclosed, dataTestId }) => (\n  <Box sx={{ minWidth: 0, display: 'flex', flexDirection: 'column', gap: 0.25 }}>\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.25, minWidth: 0 }}>\n      <Typography\n        component=\"span\"\n        data-testid={`${dataTestId}-title`}\n        sx={{ fontSize: TITLE_PX[size], fontWeight: 700, lineHeight: 1.2, ...ONE_LINE }}\n      >\n        {title}\n      </Typography>\n      {interactive && (\n        <KeyboardArrowDown\n          aria-hidden\n          data-testid={`${dataTestId}-chevron`}\n          sx={{\n            flex: '0 0 auto',\n            fontSize: 20,\n            opacity: 0.7,\n            transition: 'transform 150ms ease',\n            transform: disclosed ? 'rotate(180deg)' : 'none',\n          }}\n        />\n      )}\n    </Box>\n    {subtitle && (\n      <Typography variant=\"body2\" color=\"text.secondary\" component=\"span\" sx={ONE_LINE}>\n        {subtitle}\n      </Typography>\n    )}\n    {status}\n  </Box>\n);\n\n/** The placeholder held while the identity is still resolving. */\nconst IdentitySkeleton: React.FC<{ size: SizeValue; dataTestId: string }> = ({\n  size,\n  dataTestId,\n}) => (\n  <Box\n    data-testid={`${dataTestId}-loading`}\n    sx={{ display: 'flex', alignItems: 'center', gap: 1.25, minWidth: 0 }}\n  >\n    <Skeleton variant=\"rounded\" width={40} height={40} sx={{ flex: '0 0 auto' }} />\n    <Box sx={{ minWidth: 0, flex: 1 }}>\n      <Skeleton variant=\"text\" width={140} height={TITLE_PX[size] * 1.4} />\n      <Skeleton variant=\"text\" width={180} height={16} />\n    </Box>\n  </Box>\n);\n\n/**\n * Row styling shared by the static and the button rendering.\n *\n * `width: '100%'` is load-bearing, not cosmetic. A `<button>` sizes to\n * max-content and — unlike the `div` the non-interactive path renders — does\n * not stretch to fill its block container, so without it the DISCLOSING\n * identity measured its widest possible line at every viewport: the row's\n * right edge stayed pinned at 564px while the bar narrowed, `ONE_LINE` never\n * had a constraint to ellipsise against, and the title and state line ran\n * straight under the actions — 327px of overlap at 320px wide. Filling the\n * wrapper is what lets `minWidth: 0` bite and the ellipsis engage.\n */\nconst rowSx = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1.25,\n  width: '100%',\n  minWidth: 0,\n  textAlign: 'left',\n} as const;\n\n/**\n * Mark + title + state line, and — when it can be opened — the whole block as\n * one button.\n *\n * The button wraps EVERYTHING rather than sitting next to the title, because on\n * a phone the chevron alone is a 20px target next to a 40px one that does\n * nothing. A shopper aiming at the store's name expects the store's details.\n */\nexport const AppHeaderIdentity: React.FC<AppHeaderIdentityProps> = ({\n  title,\n  subtitle,\n  status,\n  mark,\n  logoUrl,\n  seedColor,\n  onDisclose,\n  disclosed = false,\n  discloseLabel,\n  loading = false,\n  size = 'md',\n  className,\n  dataTestId = 'app-header-identity',\n}) => {\n  if (loading) return <IdentitySkeleton size={size} dataTestId={dataTestId} />;\n\n  const body = (\n    <>\n      {mark ?? (\n        <AppHeaderBrand\n          name={title}\n          logoUrl={logoUrl}\n          seedColor={seedColor}\n          size={size}\n          dataTestId={`${dataTestId}-brand`}\n        />\n      )}\n      <IdentityText\n        title={title}\n        subtitle={subtitle}\n        status={status}\n        size={size}\n        interactive={Boolean(onDisclose)}\n        disclosed={disclosed}\n        dataTestId={dataTestId}\n      />\n    </>\n  );\n\n  if (!onDisclose) {\n    return (\n      <Box className={className} data-testid={dataTestId} sx={rowSx}>\n        {body}\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      className={className}\n      data-testid={dataTestId}\n      onClick={onDisclose}\n      aria-haspopup=\"dialog\"\n      aria-expanded={disclosed}\n      aria-label={discloseLabel ?? `Detalhes de ${title}`}\n      sx={{\n        ...rowSx,\n        appearance: 'none',\n        p: 0.5,\n        ml: -0.5,\n        border: 'none',\n        borderRadius: 1.5,\n        background: 'none',\n        color: 'inherit',\n        font: 'inherit',\n        cursor: 'pointer',\n        '&:hover': { backgroundColor: 'action.hover' },\n        '&:focus-visible': { outline: '2px solid', outlineColor: 'primary.main', outlineOffset: 2 },\n      }}\n    >\n      {body}\n    </Box>\n  );\n};\n\nAppHeaderIdentity.displayName = 'AppHeaderIdentity';\n"],"mappings":";;;;;;;;AAEA,OAAO,uBAAuB;AAC9B,SAAS,KAAK,UAAU,YAAY,gBAAgB;AACpD,OAAO,WAAW;AA2CV,SAkBM,UAlBN,KAkBM,YAlBN;AAnCR,IAAM,WAAsC,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG;AAGrF,IAAM,WAAW;AAAA,EACf,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,YAAY;AACd;AASO,IAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,aAAa;AACf,MAAM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,UAAU,MAAM,OAAO,CAAC,SAAS,SAAS,QAAQ,SAAS,UAAa,SAAS,EAAE;AACzF,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,MAAM,GAAG,SAAS;AAAA,MAEnE;AAAA,gBACC;AAAA,UAAC;AAAA;AAAA,YACC,eAAW;AAAA,YACX,eAAa,GAAG,UAAU;AAAA,YAC1B,IAAI;AAAA,cACF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,MAAM;AAAA,cACN,cAAc;AAAA,cACd,iBAAiB,UAAU,OAAO,IAAI,EAAE;AAAA,YAC1C;AAAA;AAAA,QACF;AAAA,QAEF,oBAAC,cAAW,SAAQ,SAAQ,OAAM,kBAAiB,WAAU,QAAO,IAAI,UACrE,kBAAQ,IAAI,CAAC,MAAM;AAAA;AAAA;AAAA,UAGlB,qBAAC,MAAM,UAAN,EACE;AAAA,oBAAQ,KACP,iCAKG;AAAA;AAAA,cACD,oBAAC,OAAI,WAAU,QAAO,eAAW,MAC9B,qBACH;AAAA,cAAO;AAAA,eACT;AAAA,YAED;AAAA,eAbkB,KAcrB;AAAA,SACD,GACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,gBAAgB,cAAc;AAG9B,IAAM,eAMF,CAAC,EAAE,OAAO,UAAU,QAAQ,OAAO,MAAM,aAAa,WAAW,WAAW,MAC9E,qBAAC,OAAI,IAAI,EAAE,UAAU,GAAG,SAAS,QAAQ,eAAe,UAAU,KAAK,KAAK,GAC1E;AAAA,uBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,MAAM,UAAU,EAAE,GACvE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI,EAAE,UAAU,SAAS,IAAI,GAAG,YAAY,KAAK,YAAY,KAAK,GAAG,SAAS;AAAA,QAE7E;AAAA;AAAA,IACH;AAAA,IACC,eACC;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,eAAa,GAAG,UAAU;AAAA,QAC1B,IAAI;AAAA,UACF,MAAM;AAAA,UACN,UAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,WAAW,YAAY,mBAAmB;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,KAEJ;AAAA,EACC,YACC,oBAAC,cAAW,SAAQ,SAAQ,OAAM,kBAAiB,WAAU,QAAO,IAAI,UACrE,oBACH;AAAA,EAED;AAAA,GACH;AAIF,IAAM,mBAAsE,CAAC;AAAA,EAC3E;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,eAAa,GAAG,UAAU;AAAA,IAC1B,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,MAAM,UAAU,EAAE;AAAA,IAEpE;AAAA,0BAAC,YAAS,SAAQ,WAAU,OAAO,IAAI,QAAQ,IAAI,IAAI,EAAE,MAAM,WAAW,GAAG;AAAA,MAC7E,qBAAC,OAAI,IAAI,EAAE,UAAU,GAAG,MAAM,EAAE,GAC9B;AAAA,4BAAC,YAAS,SAAQ,QAAO,OAAO,KAAK,QAAQ,SAAS,IAAI,IAAI,KAAK;AAAA,QACnE,oBAAC,YAAS,SAAQ,QAAO,OAAO,KAAK,QAAQ,IAAI;AAAA,SACnD;AAAA;AAAA;AACF;AAeF,IAAM,QAAQ;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AACb;AAUO,IAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,aAAa;AACf,MAAM;AACJ,MAAI,QAAS,QAAO,oBAAC,oBAAiB,MAAY,YAAwB;AAE1E,QAAM,OACJ,iCACG;AAAA,YACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,GAAG,UAAU;AAAA;AAAA,IAC3B;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,QAAQ,UAAU;AAAA,QAC/B;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAGF,MAAI,CAAC,YAAY;AACf,WACE,oBAAC,OAAI,WAAsB,eAAa,YAAY,IAAI,OACrD,gBACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL;AAAA,MACA,eAAa;AAAA,MACb,SAAS;AAAA,MACT,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,cAAY,iBAAiB,eAAe,KAAK;AAAA,MACjD,IAAI;AAAA,QACF,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,GAAG;AAAA,QACH,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,WAAW,EAAE,iBAAiB,eAAe;AAAA,QAC7C,mBAAmB,EAAE,SAAS,aAAa,cAAc,gBAAgB,eAAe,EAAE;AAAA,MAC5F;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,kBAAkB,cAAc;","names":[]}

package/dist/chunk-O37LNDKC.js

@@ -0,0 +1,149 @@
+// src/components/layout/Drawer/Drawer.tsx
+import Close from "@mui/icons-material/Close";
+import { alpha, Box, Drawer as MuiDrawer, IconButton, Typography, useTheme } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var resolveAnchor = (anchor, variant) => {
+  if (anchor) return anchor;
+  switch (variant) {
+    case "right":
+      return "right";
+    case "top":
+      return "top";
+    case "bottom":
+      return "bottom";
+    case "glass":
+      return "right";
+    case "left":
+    default:
+      return "left";
+  }
+};
+var buildDrawerStyles = (theme, anchor, variant, width, height, paperSx) => {
+  const baseStyles = {
+    width: ["left", "right"].includes(anchor) ? width : "100%",
+    height: ["top", "bottom"].includes(anchor) ? height : "100%",
+    flexShrink: 0
+  };
+  if (variant === "glass") {
+    return {
+      ...baseStyles,
+      "& .MuiDrawer-paper": {
+        width,
+        height: "100%",
+        backgroundColor: alpha(theme.palette.background.paper, 0.1),
+        backdropFilter: "blur(20px)",
+        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,
+        ...paperSx
+      }
+    };
+  }
+  return {
+    ...baseStyles,
+    "& .MuiDrawer-paper": {
+      width: ["left", "right"].includes(anchor) ? width : "100%",
+      height: ["top", "bottom"].includes(anchor) ? height : "100%",
+      boxSizing: "border-box",
+      ...paperSx
+    }
+  };
+};
+var Drawer = ({
+  children,
+  open,
+  onClose,
+  variant = "left",
+  anchor,
+  width = 280,
+  height = "100%",
+  persistent = false,
+  backdrop = true,
+  hideBackdrop = false,
+  keepMounted = false,
+  paperSx,
+  className,
+  dataTestId,
+  ...rest
+}) => {
+  const theme = useTheme();
+  const drawerAnchor = resolveAnchor(anchor, variant);
+  return /* @__PURE__ */ jsx(
+    MuiDrawer,
+    {
+      anchor: drawerAnchor,
+      open,
+      onClose,
+      variant: persistent ? "persistent" : "temporary",
+      ModalProps: {
+        keepMounted,
+        hideBackdrop,
+        BackdropProps: {
+          invisible: !backdrop
+        }
+      },
+      sx: buildDrawerStyles(theme, drawerAnchor, variant, width, height, paperSx),
+      className,
+      "data-testid": dataTestId || "drawer",
+      ...rest,
+      children
+    }
+  );
+};
+var DrawerHeader = ({
+  children,
+  onClose,
+  showCloseButton = true,
+  closeLabel,
+  dataTestId
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "data-testid": dataTestId || "drawer-header",
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        padding: theme.spacing(2),
+        borderBottom: `1px solid ${theme.palette.divider}`,
+        minHeight: 64,
+        justifyContent: "space-between"
+      },
+      children: [
+        /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, "data-testid": dataTestId ? `${dataTestId}-title` : "drawer-title", children: typeof children === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "h6", children }) : children }),
+        showCloseButton && onClose && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: onClose,
+            edge: "end",
+            "aria-label": closeLabel ?? "Close drawer",
+            "data-testid": dataTestId ? `${dataTestId}-close` : "drawer-close",
+            children: /* @__PURE__ */ jsx(Close, {})
+          }
+        )
+      ]
+    }
+  );
+};
+var DrawerContent = ({ children, padding = true, dataTestId }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-testid": dataTestId || "drawer-content",
+      sx: {
+        flex: 1,
+        overflow: "auto",
+        padding: padding ? theme.spacing(2) : 0
+      },
+      children
+    }
+  );
+};
+
+export {
+  Drawer,
+  DrawerHeader,
+  DrawerContent
+};
+//# sourceMappingURL=chunk-O37LNDKC.js.map

package/dist/chunk-O37LNDKC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Drawer/Drawer.tsx"],"sourcesContent":["import Close from '@mui/icons-material/Close';\nimport type { Theme } from '@mui/material';\nimport { alpha,Box, Drawer as MuiDrawer, IconButton, Typography, useTheme } from '@mui/material';\nimport React from 'react';\n\nimport type { DrawerContentProps,DrawerHeaderProps, DrawerProps } from './Drawer.types';\n\ntype DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';\n\n// `variant` doubles as a position preset, but an explicit `anchor` always wins.\nconst resolveAnchor = (\n  anchor: DrawerProps['anchor'],\n  variant: DrawerProps['variant'],\n): DrawerAnchor => {\n  if (anchor) return anchor;\n\n  // Map variant to anchor position\n  switch (variant) {\n    case 'right':\n      return 'right';\n    case 'top':\n      return 'top';\n    case 'bottom':\n      return 'bottom';\n    case 'glass':\n      return 'right';\n    case 'left':\n    default:\n      return 'left';\n  }\n};\n\nconst buildDrawerStyles = (\n  theme: Theme,\n  anchor: DrawerAnchor,\n  variant: DrawerProps['variant'],\n  width: DrawerProps['width'],\n  height: DrawerProps['height'],\n  // Merged LAST into the surface's own rules, so a caller can shape the sliding\n  // surface itself (rounded corners on a bottom sheet, a docked panel's offset)\n  // without reaching for the MUI paper class from outside. Undefined by default:\n  // omit it and the drawer styles exactly as it always has.\n  paperSx?: DrawerProps['paperSx'],\n) => {\n  const baseStyles = {\n    width: ['left', 'right'].includes(anchor) ? width : '100%',\n    height: ['top', 'bottom'].includes(anchor) ? height : '100%',\n    flexShrink: 0,\n  };\n\n  if (variant === 'glass') {\n    return {\n      ...baseStyles,\n      '& .MuiDrawer-paper': {\n        width,\n        height: '100%',\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n        boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n        ...paperSx,\n      },\n    };\n  }\n\n  return {\n    ...baseStyles,\n    '& .MuiDrawer-paper': {\n      width: ['left', 'right'].includes(anchor) ? width : '100%',\n      height: ['top', 'bottom'].includes(anchor) ? height : '100%',\n      boxSizing: 'border-box',\n      ...paperSx,\n    },\n  };\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  open,\n  onClose,\n  variant = 'left',\n  anchor,\n  width = 280,\n  height = '100%',\n  persistent = false,\n  backdrop = true,\n  hideBackdrop = false,\n  keepMounted = false,\n  paperSx,\n  className,\n  dataTestId,\n  ...rest\n}) => {\n  const theme = useTheme();\n  const drawerAnchor = resolveAnchor(anchor, variant);\n\n  return (\n    <MuiDrawer\n      anchor={drawerAnchor}\n      open={open}\n      onClose={onClose}\n      variant={persistent ? 'persistent' : 'temporary'}\n      ModalProps={{\n        keepMounted,\n        hideBackdrop,\n        BackdropProps: {\n          invisible: !backdrop,\n        },\n      }}\n      sx={buildDrawerStyles(theme, drawerAnchor, variant, width, height, paperSx)}\n      className={className}\n      data-testid={dataTestId || 'drawer'}\n      {...rest}\n    >\n      {children}\n    </MuiDrawer>\n  );\n};\n\nexport const DrawerHeader: React.FC<DrawerHeaderProps> = ({\n  children,\n  onClose,\n  showCloseButton = true,\n  closeLabel,\n  dataTestId,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      data-testid={dataTestId || 'drawer-header'}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        padding: theme.spacing(2),\n        borderBottom: `1px solid ${theme.palette.divider}`,\n        minHeight: 64,\n        justifyContent: 'space-between',\n      }}\n    >\n      <Box sx={{ flex: 1 }} data-testid={dataTestId ? `${dataTestId}-title` : 'drawer-title'}>\n        {typeof children === 'string' ? <Typography variant=\"h6\">{children}</Typography> : children}\n      </Box>\n      {showCloseButton && onClose && (\n        <IconButton\n          onClick={onClose}\n          edge=\"end\"\n          aria-label={closeLabel ?? 'Close drawer'}\n          data-testid={dataTestId ? `${dataTestId}-close` : 'drawer-close'}\n        >\n          <Close />\n        </IconButton>\n      )}\n    </Box>\n  );\n};\n\nexport const DrawerContent: React.FC<DrawerContentProps> = ({ children, padding = true, dataTestId }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      data-testid={dataTestId || 'drawer-content'}\n      sx={{\n        flex: 1,\n        overflow: 'auto',\n        padding: padding ? theme.spacing(2) : 0,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-O57I5POV.js

@@ -0,0 +1,144 @@
+import {
+  useVirtualGrid,
+  useVirtualList
+} from "./chunk-F42MJOHM.js";
+
+// src/components/utility/VirtualList/VirtualList.tsx
+import { Box } from "@mui/material";
+import { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var VirtualContainer = ({
+  children,
+  role,
+  totalHeight,
+  height,
+  width,
+  disableInternalScroll,
+  onScroll,
+  className,
+  style,
+  dataTestId,
+  ariaLabel
+}) => {
+  const internalContainerRef = useRef(null);
+  const identity = {
+    className,
+    "data-testid": dataTestId,
+    role,
+    "aria-label": ariaLabel
+  };
+  if (disableInternalScroll) {
+    return /* @__PURE__ */ jsx(Box, { ...identity, sx: { height: totalHeight, width, position: "relative", ...style }, children });
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ref: internalContainerRef,
+      ...identity,
+      sx: { height, width, overflow: "auto", position: "relative", ...style },
+      onScroll,
+      children: /* @__PURE__ */ jsx(Box, { sx: { height: totalHeight, position: "relative" }, children })
+    }
+  );
+};
+var VirtualList = ({
+  items,
+  variant = "fixed",
+  height,
+  width = "100%",
+  itemHeight = 40,
+  estimatedItemHeight = 40,
+  overscan = 5,
+  renderItem,
+  onScroll,
+  className,
+  style,
+  "data-testid": dataTestId,
+  "aria-label": ariaLabel,
+  scrollContainerRef,
+  disableInternalScroll = false
+}) => {
+  const { totalHeight, visibleItems, handleScroll } = useVirtualList({
+    items,
+    variant,
+    height,
+    itemHeight,
+    estimatedItemHeight,
+    overscan,
+    onScroll,
+    scrollContainerRef
+  });
+  return /* @__PURE__ */ jsx(
+    VirtualContainer,
+    {
+      role: "list",
+      totalHeight,
+      height,
+      width,
+      disableInternalScroll,
+      onScroll: handleScroll,
+      className,
+      style,
+      dataTestId,
+      ariaLabel,
+      children: visibleItems.map(
+        ({ item, index, style: itemStyle }) => renderItem({ item, index, style: itemStyle })
+      )
+    }
+  );
+};
+var VirtualGrid = ({
+  items,
+  height,
+  width = "100%",
+  columnCount,
+  rowHeight,
+  columnWidth,
+  gap = 0,
+  overscan = 5,
+  renderItem,
+  onScroll,
+  className,
+  style,
+  "data-testid": dataTestId,
+  "aria-label": ariaLabel,
+  scrollContainerRef,
+  disableInternalScroll = false
+}) => {
+  const { totalHeight, visibleItems, handleScroll } = useVirtualGrid({
+    items,
+    height,
+    width,
+    columnCount,
+    rowHeight,
+    columnWidth,
+    gap,
+    overscan,
+    onScroll,
+    scrollContainerRef
+  });
+  return /* @__PURE__ */ jsx(
+    VirtualContainer,
+    {
+      role: "grid",
+      totalHeight,
+      height,
+      width,
+      disableInternalScroll,
+      onScroll: handleScroll,
+      className,
+      style,
+      dataTestId,
+      ariaLabel,
+      children: visibleItems.map(
+        ({ item, index, columnIndex, rowIndex, style: itemStyle }) => renderItem({ item, index, columnIndex, rowIndex, style: itemStyle })
+      )
+    }
+  );
+};
+
+export {
+  VirtualList,
+  VirtualGrid
+};
+//# sourceMappingURL=chunk-O57I5POV.js.map

package/dist/chunk-O57I5POV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/VirtualList/VirtualList.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport React, { useRef } from 'react';\n\nimport { useVirtualGrid, useVirtualList } from './VirtualList.hooks';\nimport type { VirtualGridProps, VirtualListProps } from './VirtualList.types';\n\ninterface ContainerProps {\n  children: React.ReactNode;\n  role: 'list' | 'grid';\n  totalHeight: number;\n  height: number;\n  width: number | string;\n  disableInternalScroll: boolean;\n  onScroll: (event: React.UIEvent<HTMLDivElement>) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  dataTestId?: string;\n  ariaLabel?: string;\n}\n\n/**\n * Two shapes, shared by the list and the grid: when the caller owns the scroll\n * container we render only the full-height content, so their element does the\n * scrolling; otherwise we render our own viewport around it.\n */\nconst VirtualContainer: React.FC<ContainerProps> = ({\n  children,\n  role,\n  totalHeight,\n  height,\n  width,\n  disableInternalScroll,\n  onScroll,\n  className,\n  style,\n  dataTestId,\n  ariaLabel,\n}) => {\n  const internalContainerRef = useRef<HTMLDivElement>(null);\n  const identity = {\n    className,\n    'data-testid': dataTestId,\n    role,\n    'aria-label': ariaLabel,\n  };\n\n  if (disableInternalScroll) {\n    return (\n      <Box {...identity} sx={{ height: totalHeight, width, position: 'relative', ...style }}>\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      ref={internalContainerRef}\n      {...identity}\n      sx={{ height, width, overflow: 'auto', position: 'relative', ...style }}\n      onScroll={onScroll}\n    >\n      <Box sx={{ height: totalHeight, position: 'relative' }}>{children}</Box>\n    </Box>\n  );\n};\n\nexport const VirtualList: React.FC<VirtualListProps> = ({\n  items,\n  variant = 'fixed',\n  height,\n  width = '100%',\n  itemHeight = 40,\n  estimatedItemHeight = 40,\n  overscan = 5,\n  renderItem,\n  onScroll,\n  className,\n  style,\n  'data-testid': dataTestId,\n  'aria-label': ariaLabel,\n  scrollContainerRef,\n  disableInternalScroll = false,\n}) => {\n  const { totalHeight, visibleItems, handleScroll } = useVirtualList({\n    items,\n    variant,\n    height,\n    itemHeight,\n    estimatedItemHeight,\n    overscan,\n    onScroll,\n    scrollContainerRef,\n  });\n\n  return (\n    <VirtualContainer\n      role=\"list\"\n      totalHeight={totalHeight}\n      height={height}\n      width={width}\n      disableInternalScroll={disableInternalScroll}\n      onScroll={handleScroll}\n      className={className}\n      style={style}\n      dataTestId={dataTestId}\n      ariaLabel={ariaLabel}\n    >\n      {visibleItems.map(({ item, index, style: itemStyle }) =>\n        renderItem({ item, index, style: itemStyle }),\n      )}\n    </VirtualContainer>\n  );\n};\n\nexport const VirtualGrid: React.FC<VirtualGridProps> = ({\n  items,\n  height,\n  width = '100%',\n  columnCount,\n  rowHeight,\n  columnWidth,\n  gap = 0,\n  overscan = 5,\n  renderItem,\n  onScroll,\n  className,\n  style,\n  'data-testid': dataTestId,\n  'aria-label': ariaLabel,\n  scrollContainerRef,\n  disableInternalScroll = false,\n}) => {\n  const { totalHeight, visibleItems, handleScroll } = useVirtualGrid({\n    items,\n    height,\n    width,\n    columnCount,\n    rowHeight,\n    columnWidth,\n    gap,\n    overscan,\n    onScroll,\n    scrollContainerRef,\n  });\n\n  return (\n    <VirtualContainer\n      role=\"grid\"\n      totalHeight={totalHeight}\n      height={height}\n      width={width}\n      disableInternalScroll={disableInternalScroll}\n      onScroll={handleScroll}\n      className={className}\n      style={style}\n      dataTestId={dataTestId}\n      ariaLabel={ariaLabel}\n    >\n      {visibleItems.map(({ item, index, columnIndex, rowIndex, style: itemStyle }) =>\n        renderItem({ item, index, columnIndex, rowIndex, style: itemStyle }),\n      )}\n    </VirtualContainer>\n  );\n};\n"],"mappings":";;;;;;AAAA,SAAS,WAAW;AACpB,SAAgB,cAAc;AA+CxB;AAvBN,IAAM,mBAA6C,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,uBAAuB,OAAuB,IAAI;AACxD,QAAM,WAAW;AAAA,IACf;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA,cAAc;AAAA,EAChB;AAEA,MAAI,uBAAuB;AACzB,WACE,oBAAC,OAAK,GAAG,UAAU,IAAI,EAAE,QAAQ,aAAa,OAAO,UAAU,YAAY,GAAG,MAAM,GACjF,UACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MACJ,IAAI,EAAE,QAAQ,OAAO,UAAU,QAAQ,UAAU,YAAY,GAAG,MAAM;AAAA,MACtE;AAAA,MAEA,8BAAC,OAAI,IAAI,EAAE,QAAQ,aAAa,UAAU,WAAW,GAAI,UAAS;AAAA;AAAA,EACpE;AAEJ;AAEO,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,sBAAsB;AAAA,EACtB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA,wBAAwB;AAC1B,MAAM;AACJ,QAAM,EAAE,aAAa,cAAc,aAAa,IAAI,eAAe;AAAA,IACjE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,uBAAa;AAAA,QAAI,CAAC,EAAE,MAAM,OAAO,OAAO,UAAU,MACjD,WAAW,EAAE,MAAM,OAAO,OAAO,UAAU,CAAC;AAAA,MAC9C;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA,wBAAwB;AAC1B,MAAM;AACJ,QAAM,EAAE,aAAa,cAAc,aAAa,IAAI,eAAe;AAAA,IACjE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC,uBAAa;AAAA,QAAI,CAAC,EAAE,MAAM,OAAO,aAAa,UAAU,OAAO,UAAU,MACxE,WAAW,EAAE,MAAM,OAAO,aAAa,UAAU,OAAO,UAAU,CAAC;AAAA,MACrE;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-O7QPPJAK.js

@@ -0,0 +1,172 @@
+// src/components/form/AddressAutocomplete/mockPlaces.ts
+var MOCK_ADDRESSES = [
+  {
+    place_id: "mock_1",
+    description: "123 Main Street, San Francisco, CA 94105, USA",
+    structured_formatting: {
+      main_text: "123 Main Street",
+      secondary_text: "San Francisco, CA 94105, USA"
+    },
+    matched_substrings: [],
+    terms: [],
+    types: ["street_address"]
+  },
+  {
+    place_id: "mock_2",
+    description: "456 Oak Avenue, New York, NY 10001, USA",
+    structured_formatting: {
+      main_text: "456 Oak Avenue",
+      secondary_text: "New York, NY 10001, USA"
+    },
+    matched_substrings: [],
+    terms: [],
+    types: ["street_address"]
+  },
+  {
+    place_id: "mock_3",
+    description: "789 Pine Boulevard, Los Angeles, CA 90001, USA",
+    structured_formatting: {
+      main_text: "789 Pine Boulevard",
+      secondary_text: "Los Angeles, CA 90001, USA"
+    },
+    matched_substrings: [],
+    terms: [],
+    types: ["street_address"]
+  },
+  {
+    place_id: "mock_4",
+    description: "321 Elm Street, Chicago, IL 60601, USA",
+    structured_formatting: {
+      main_text: "321 Elm Street",
+      secondary_text: "Chicago, IL 60601, USA"
+    },
+    matched_substrings: [],
+    terms: [],
+    types: ["street_address"]
+  },
+  {
+    place_id: "mock_5",
+    description: "654 Maple Drive, Austin, TX 78701, USA",
+    structured_formatting: {
+      main_text: "654 Maple Drive",
+      secondary_text: "Austin, TX 78701, USA"
+    },
+    matched_substrings: [],
+    terms: [],
+    types: ["street_address"]
+  }
+];
+var MOCK_PLACE_DETAILS = {
+  mock_1: {
+    formatted_address: "123 Main Street, San Francisco, CA 94105, USA",
+    address_components: [
+      { long_name: "123", types: ["street_number"] },
+      { long_name: "Main Street", types: ["route"] },
+      { long_name: "San Francisco", types: ["locality"] },
+      { long_name: "California", types: ["administrative_area_level_1"] },
+      { long_name: "United States", types: ["country"] },
+      { long_name: "94105", types: ["postal_code"] }
+    ],
+    geometry: { location: { lat: () => 37.7749, lng: () => -122.4194 } }
+  },
+  mock_2: {
+    formatted_address: "456 Oak Avenue, New York, NY 10001, USA",
+    address_components: [
+      { long_name: "456", types: ["street_number"] },
+      { long_name: "Oak Avenue", types: ["route"] },
+      { long_name: "New York", types: ["locality"] },
+      { long_name: "New York", types: ["administrative_area_level_1"] },
+      { long_name: "United States", types: ["country"] },
+      { long_name: "10001", types: ["postal_code"] }
+    ],
+    geometry: { location: { lat: () => 40.7128, lng: () => -74.006 } }
+  },
+  mock_3: {
+    formatted_address: "789 Pine Boulevard, Los Angeles, CA 90001, USA",
+    address_components: [
+      { long_name: "789", types: ["street_number"] },
+      { long_name: "Pine Boulevard", types: ["route"] },
+      { long_name: "Los Angeles", types: ["locality"] },
+      { long_name: "California", types: ["administrative_area_level_1"] },
+      { long_name: "United States", types: ["country"] },
+      { long_name: "90001", types: ["postal_code"] }
+    ],
+    geometry: { location: { lat: () => 34.0522, lng: () => -118.2437 } }
+  },
+  mock_4: {
+    formatted_address: "321 Elm Street, Chicago, IL 60601, USA",
+    address_components: [
+      { long_name: "321", types: ["street_number"] },
+      { long_name: "Elm Street", types: ["route"] },
+      { long_name: "Chicago", types: ["locality"] },
+      { long_name: "Illinois", types: ["administrative_area_level_1"] },
+      { long_name: "United States", types: ["country"] },
+      { long_name: "60601", types: ["postal_code"] }
+    ],
+    geometry: { location: { lat: () => 41.8781, lng: () => -87.6298 } }
+  },
+  mock_5: {
+    formatted_address: "654 Maple Drive, Austin, TX 78701, USA",
+    address_components: [
+      { long_name: "654", types: ["street_number"] },
+      { long_name: "Maple Drive", types: ["route"] },
+      { long_name: "Austin", types: ["locality"] },
+      { long_name: "Texas", types: ["administrative_area_level_1"] },
+      { long_name: "United States", types: ["country"] },
+      { long_name: "78701", types: ["postal_code"] }
+    ],
+    geometry: { location: { lat: () => 30.2672, lng: () => -97.7431 } }
+  },
+  mock_6: {
+    formatted_address: "1000 Broadway, New York, NY 10001, USA",
+    address_components: [
+      { long_name: "1000", types: ["street_number"] },
+      { long_name: "Broadway", types: ["route"] },
+      { long_name: "New York", types: ["locality"] },
+      { long_name: "New York", types: ["administrative_area_level_1"] },
+      { long_name: "United States", types: ["country"] },
+      { long_name: "10001", types: ["postal_code"] }
+    ],
+    geometry: { location: { lat: () => 40.7589, lng: () => -73.9851 } }
+  },
+  mock_7: {
+    formatted_address: "250 Market Street, San Francisco, CA 94102, USA",
+    address_components: [
+      { long_name: "250", types: ["street_number"] },
+      { long_name: "Market Street", types: ["route"] },
+      { long_name: "San Francisco", types: ["locality"] },
+      { long_name: "California", types: ["administrative_area_level_1"] },
+      { long_name: "United States", types: ["country"] },
+      { long_name: "94102", types: ["postal_code"] }
+    ],
+    geometry: { location: { lat: () => 37.7879, lng: () => -122.4075 } }
+  }
+};
+var matchesAllWords = (address, searchTerm) => {
+  const description = address.description.toLowerCase();
+  const mainText = address.structured_formatting.main_text.toLowerCase();
+  const secondaryText = address.structured_formatting.secondary_text?.toLowerCase() || "";
+  return searchTerm.split(" ").every(
+    (word) => description.includes(word) || mainText.includes(word) || secondaryText.includes(word)
+  );
+};
+var byRelevance = (searchTerm) => (a, b) => {
+  const aMain = a.structured_formatting.main_text.toLowerCase();
+  const bMain = b.structured_formatting.main_text.toLowerCase();
+  if (aMain.startsWith(searchTerm) && !bMain.startsWith(searchTerm)) return -1;
+  if (!aMain.startsWith(searchTerm) && bMain.startsWith(searchTerm)) return 1;
+  return aMain.localeCompare(bMain);
+};
+var searchMockAddresses = (input) => {
+  const searchTerm = input.toLowerCase().trim();
+  return MOCK_ADDRESSES.filter((address) => matchesAllWords(address, searchTerm)).sort(
+    byRelevance(searchTerm)
+  );
+};
+
+export {
+  MOCK_ADDRESSES,
+  MOCK_PLACE_DETAILS,
+  searchMockAddresses
+};
+//# sourceMappingURL=chunk-O7QPPJAK.js.map

package/dist/chunk-O7QPPJAK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/mockPlaces.ts"],"sourcesContent":["export interface MockPrediction {\n  place_id: string;\n  description: string;\n  structured_formatting: {\n    main_text: string;\n    secondary_text: string;\n  };\n  matched_substrings?: google.maps.places.PredictionSubstring[];\n  terms?: google.maps.places.PredictionTerm[];\n  types?: string[];\n}\n\n// Canned Places data so the component renders and is testable without a Google\n// Maps key.\nexport const MOCK_ADDRESSES: MockPrediction[] = [\n  {\n    place_id: 'mock_1',\n    description: '123 Main Street, San Francisco, CA 94105, USA',\n    structured_formatting: {\n      main_text: '123 Main Street',\n      secondary_text: 'San Francisco, CA 94105, USA',\n    },\n    matched_substrings: [],\n    terms: [],\n    types: ['street_address'],\n  },\n  {\n    place_id: 'mock_2',\n    description: '456 Oak Avenue, New York, NY 10001, USA',\n    structured_formatting: {\n      main_text: '456 Oak Avenue',\n      secondary_text: 'New York, NY 10001, USA',\n    },\n    matched_substrings: [],\n    terms: [],\n    types: ['street_address'],\n  },\n  {\n    place_id: 'mock_3',\n    description: '789 Pine Boulevard, Los Angeles, CA 90001, USA',\n    structured_formatting: {\n      main_text: '789 Pine Boulevard',\n      secondary_text: 'Los Angeles, CA 90001, USA',\n    },\n    matched_substrings: [],\n    terms: [],\n    types: ['street_address'],\n  },\n  {\n    place_id: 'mock_4',\n    description: '321 Elm Street, Chicago, IL 60601, USA',\n    structured_formatting: {\n      main_text: '321 Elm Street',\n      secondary_text: 'Chicago, IL 60601, USA',\n    },\n    matched_substrings: [],\n    terms: [],\n    types: ['street_address'],\n  },\n  {\n    place_id: 'mock_5',\n    description: '654 Maple Drive, Austin, TX 78701, USA',\n    structured_formatting: {\n      main_text: '654 Maple Drive',\n      secondary_text: 'Austin, TX 78701, USA',\n    },\n    matched_substrings: [],\n    terms: [],\n    types: ['street_address'],\n  },\n];\n\ninterface MockPlaceDetails {\n  formatted_address: string;\n  address_components: Array<{\n    long_name: string;\n    types: string[];\n  }>;\n  geometry: {\n    location: {\n      lat: () => number;\n      lng: () => number;\n    };\n  };\n}\n\nexport const MOCK_PLACE_DETAILS: Record<string, MockPlaceDetails> = {\n  mock_1: {\n    formatted_address: '123 Main Street, San Francisco, CA 94105, USA',\n    address_components: [\n      { long_name: '123', types: ['street_number'] },\n      { long_name: 'Main Street', types: ['route'] },\n      { long_name: 'San Francisco', types: ['locality'] },\n      { long_name: 'California', types: ['administrative_area_level_1'] },\n      { long_name: 'United States', types: ['country'] },\n      { long_name: '94105', types: ['postal_code'] },\n    ],\n    geometry: { location: { lat: () => 37.7749, lng: () => -122.4194 } },\n  },\n  mock_2: {\n    formatted_address: '456 Oak Avenue, New York, NY 10001, USA',\n    address_components: [\n      { long_name: '456', types: ['street_number'] },\n      { long_name: 'Oak Avenue', types: ['route'] },\n      { long_name: 'New York', types: ['locality'] },\n      { long_name: 'New York', types: ['administrative_area_level_1'] },\n      { long_name: 'United States', types: ['country'] },\n      { long_name: '10001', types: ['postal_code'] },\n    ],\n    geometry: { location: { lat: () => 40.7128, lng: () => -74.0060 } },\n  },\n  mock_3: {\n    formatted_address: '789 Pine Boulevard, Los Angeles, CA 90001, USA',\n    address_components: [\n      { long_name: '789', types: ['street_number'] },\n      { long_name: 'Pine Boulevard', types: ['route'] },\n      { long_name: 'Los Angeles', types: ['locality'] },\n      { long_name: 'California', types: ['administrative_area_level_1'] },\n      { long_name: 'United States', types: ['country'] },\n      { long_name: '90001', types: ['postal_code'] },\n    ],\n    geometry: { location: { lat: () => 34.0522, lng: () => -118.2437 } },\n  },\n  mock_4: {\n    formatted_address: '321 Elm Street, Chicago, IL 60601, USA',\n    address_components: [\n      { long_name: '321', types: ['street_number'] },\n      { long_name: 'Elm Street', types: ['route'] },\n      { long_name: 'Chicago', types: ['locality'] },\n      { long_name: 'Illinois', types: ['administrative_area_level_1'] },\n      { long_name: 'United States', types: ['country'] },\n      { long_name: '60601', types: ['postal_code'] },\n    ],\n    geometry: { location: { lat: () => 41.8781, lng: () => -87.6298 } },\n  },\n  mock_5: {\n    formatted_address: '654 Maple Drive, Austin, TX 78701, USA',\n    address_components: [\n      { long_name: '654', types: ['street_number'] },\n      { long_name: 'Maple Drive', types: ['route'] },\n      { long_name: 'Austin', types: ['locality'] },\n      { long_name: 'Texas', types: ['administrative_area_level_1'] },\n      { long_name: 'United States', types: ['country'] },\n      { long_name: '78701', types: ['postal_code'] },\n    ],\n    geometry: { location: { lat: () => 30.2672, lng: () => -97.7431 } },\n  },\n  mock_6: {\n    formatted_address: '1000 Broadway, New York, NY 10001, USA',\n    address_components: [\n      { long_name: '1000', types: ['street_number'] },\n      { long_name: 'Broadway', types: ['route'] },\n      { long_name: 'New York', types: ['locality'] },\n      { long_name: 'New York', types: ['administrative_area_level_1'] },\n      { long_name: 'United States', types: ['country'] },\n      { long_name: '10001', types: ['postal_code'] },\n    ],\n    geometry: { location: { lat: () => 40.7589, lng: () => -73.9851 } },\n  },\n  mock_7: {\n    formatted_address: '250 Market Street, San Francisco, CA 94102, USA',\n    address_components: [\n      { long_name: '250', types: ['street_number'] },\n      { long_name: 'Market Street', types: ['route'] },\n      { long_name: 'San Francisco', types: ['locality'] },\n      { long_name: 'California', types: ['administrative_area_level_1'] },\n      { long_name: 'United States', types: ['country'] },\n      { long_name: '94102', types: ['postal_code'] },\n    ],\n    geometry: { location: { lat: () => 37.7879, lng: () => -122.4075 } },\n  },\n};\n\n// Every word has to appear somewhere in the address, which is roughly how Google\n// treats a multi-word query.\nconst matchesAllWords = (address: MockPrediction, searchTerm: string): boolean => {\n  const description = address.description.toLowerCase();\n  const mainText = address.structured_formatting.main_text.toLowerCase();\n  const secondaryText = address.structured_formatting.secondary_text?.toLowerCase() || '';\n\n  return searchTerm\n    .split(' ')\n    .every(\n      (word) =>\n        description.includes(word) || mainText.includes(word) || secondaryText.includes(word),\n    );\n};\n\n// Addresses whose street line starts with the query come first; the rest sort\n// alphabetically.\nconst byRelevance =\n  (searchTerm: string) =>\n  (a: MockPrediction, b: MockPrediction): number => {\n    const aMain = a.structured_formatting.main_text.toLowerCase();\n    const bMain = b.structured_formatting.main_text.toLowerCase();\n\n    if (aMain.startsWith(searchTerm) && !bMain.startsWith(searchTerm)) return -1;\n    if (!aMain.startsWith(searchTerm) && bMain.startsWith(searchTerm)) return 1;\n    return aMain.localeCompare(bMain);\n  };\n\nexport const searchMockAddresses = (input: string): MockPrediction[] => {\n  const searchTerm = input.toLowerCase().trim();\n\n  return MOCK_ADDRESSES.filter((address) => matchesAllWords(address, searchTerm)).sort(\n    byRelevance(searchTerm),\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-OCJFMTYA.js

@@ -0,0 +1,94 @@
+// src/components/form/Textarea/Textarea.styles.ts
+import { alpha, keyframes } from "@mui/material";
+var glowAnimation = keyframes`
+  0% {
+    box-shadow: 0 0 5px currentColor;
+  }
+  50% {
+    box-shadow: 0 0 20px currentColor, 0 0 30px currentColor;
+  }
+  100% {
+    box-shadow: 0 0 5px currentColor;
+  }
+`;
+var floatAnimation = keyframes`
+  0% {
+    transform: translateY(0px);
+  }
+  50% {
+    transform: translateY(-3px);
+  }
+  100% {
+    transform: translateY(0px);
+  }
+`;
+var neutralPalette = (theme) => {
+  const grey = theme.palette.grey;
+  return {
+    main: grey?.[700] || "#616161",
+    dark: grey?.[800] || "#424242",
+    light: grey?.[500] || "#9e9e9e",
+    contrastText: "#fff"
+  };
+};
+var pick = (...candidates) => candidates.find(Boolean) ?? "";
+var withFallbacks = (theme, palette) => ({
+  main: pick(palette?.main, theme.palette.primary.main),
+  dark: pick(palette?.dark, palette?.main, theme.palette.primary.dark),
+  light: pick(palette?.light, palette?.main, theme.palette.primary.light),
+  contrastText: pick(palette?.contrastText, "#fff")
+});
+var getColorFromTheme = (theme, color) => {
+  if (color === "neutral") return neutralPalette(theme);
+  const colorMap = {
+    primary: theme.palette.primary,
+    secondary: theme.palette.secondary,
+    success: theme.palette.success,
+    warning: theme.palette.warning,
+    info: theme.palette.info,
+    danger: theme.palette.error
+  };
+  return withFallbacks(theme, colorMap[color] || theme.palette.primary);
+};
+var textareaEmphasisStyles = ({
+  theme,
+  colorPalette,
+  glass,
+  gradient,
+  glow
+}) => {
+  const glassStyles = glass ? {
+    backgroundColor: alpha(theme.palette.background.paper, 0.1),
+    backdropFilter: "blur(20px)",
+    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+    "&:hover": {
+      backgroundColor: alpha(theme.palette.background.paper, 0.15),
+      backdropFilter: "blur(25px)"
+    },
+    "&:focus": {
+      backgroundColor: alpha(theme.palette.background.paper, 0.2),
+      backdropFilter: "blur(30px)"
+    }
+  } : {};
+  const gradientStyles = gradient ? {
+    background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,
+               linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.light}) border-box`,
+    border: "2px solid transparent",
+    "&:focus": {
+      background: `linear-gradient(${theme.palette.background.paper}, ${theme.palette.background.paper}) padding-box,
+                 linear-gradient(135deg, ${colorPalette.main}, ${colorPalette.dark}) border-box`
+    }
+  } : {};
+  const glowStyles = glow ? {
+    animation: `${glowAnimation} 2s ease-in-out infinite`,
+    boxShadow: `0 0 10px ${alpha(colorPalette.main, 0.3)}`
+  } : {};
+  return { ...glassStyles, ...gradientStyles, ...glowStyles };
+};
+
+export {
+  floatAnimation,
+  getColorFromTheme,
+  textareaEmphasisStyles
+};
+//# sourceMappingURL=chunk-OCJFMTYA.js.map