@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-TFO6GBW7.js

@@ -0,0 +1,332 @@
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
+
+// src/components/form/CategorySelect/CategorySelect.styles.ts
+import { alpha } from "@mui/material/styles/index.js";
+var METRICS = {
+  triggerHeight: 38,
+  triggerRadius: 10,
+  panelWidth: 340,
+  panelRadius: 14,
+  listMaxHeight: 290,
+  sheetListMaxHeight: 340,
+  rowHeight: 36,
+  sheetRowHeight: 42,
+  rowRadius: 8,
+  boxSize: 18,
+  chevronButton: 22,
+  footerButton: 32,
+  sheetFooterButton: 38,
+  /** Below this width the panel becomes a bottom sheet. */
+  sheetBreakpoint: 480
+};
+var accent = (theme) => ({
+  main: theme.palette.primary.main,
+  ink: theme.palette.primary.dark,
+  soft: alpha(theme.palette.primary.main, 0.08),
+  edge: alpha(theme.palette.primary.main, 0.28),
+  ring: alpha(theme.palette.primary.main, 0.15)
+});
+var triggerSx = (theme, selected, open) => {
+  const brand = accent(theme);
+  return {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    height: METRICS.triggerHeight,
+    padding: "0 10px 0 12px",
+    borderRadius: `${METRICS.triggerRadius}px`,
+    border: `1px solid ${open || selected ? brand.edge : fieldEdge(theme)}`,
+    background: selected ? brand.soft : theme.palette.background.paper,
+    color: selected ? brand.ink : theme.palette.text.primary,
+    font: "inherit",
+    fontSize: 13,
+    cursor: "pointer",
+    maxWidth: "100%",
+    transition: "border-color .12s, box-shadow .12s",
+    boxShadow: open ? `0 0 0 3px ${brand.ring}` : "none",
+    "&:hover": { borderColor: open || selected ? brand.edge : theme.palette.text.disabled },
+    "&:focus-visible": {
+      outline: "none",
+      borderColor: brand.main,
+      boxShadow: `0 0 0 3px ${alpha(brand.main, 0.18)}`
+    },
+    "&:disabled": { opacity: 0.5, cursor: "default" }
+  };
+};
+var triggerCountSx = (theme) => ({
+  fontWeight: 600,
+  fontSize: 11,
+  lineHeight: 1,
+  background: theme.palette.primary.main,
+  color: theme.palette.primary.contrastText,
+  borderRadius: "999px",
+  padding: "3px 6px",
+  minWidth: 18,
+  textAlign: "center"
+});
+var triggerClearSx = {
+  width: 20,
+  height: 20,
+  flex: "0 0 auto",
+  border: 0,
+  background: "transparent",
+  borderRadius: "5px",
+  display: "grid",
+  placeItems: "center",
+  cursor: "pointer",
+  color: "inherit",
+  opacity: 0.6,
+  padding: 0,
+  "&:hover": { background: alpha("#000", 0.08), opacity: 1 }
+};
+var triggerChevronSx = (open) => ({
+  width: 14,
+  height: 14,
+  flex: "0 0 auto",
+  opacity: 0.55,
+  transition: "transform .15s",
+  transform: open ? "rotate(180deg)" : "none"
+});
+var panelSx = (theme) => ({
+  width: METRICS.panelWidth,
+  maxWidth: "100%",
+  background: theme.palette.background.paper,
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: `${METRICS.panelRadius}px`,
+  boxShadow: "0 1px 2px rgba(16,20,35,.05), 0 18px 40px -12px rgba(16,20,35,.28)",
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden"
+});
+var sheetSx = (theme) => ({
+  width: "100%",
+  maxWidth: "none",
+  borderRadius: "18px 18px 0 0",
+  borderBottom: 0,
+  position: "relative",
+  paddingTop: "4px",
+  "&::before": {
+    content: '""',
+    position: "absolute",
+    top: 7,
+    left: "50%",
+    transform: "translateX(-50%)",
+    width: 36,
+    height: 4,
+    borderRadius: "2px",
+    background: theme.palette.divider
+  }
+});
+var panelHeadSx = (theme, sheet) => ({
+  padding: sheet ? "18px 10px 8px" : "10px 10px 8px",
+  borderBottom: `1px solid ${theme.palette.divider}`
+});
+var pinnedSx = (theme) => ({
+  padding: "9px 10px",
+  borderBottom: `1px solid ${theme.palette.divider}`,
+  background: alpha(theme.palette.primary.main, 0.03)
+});
+var pinnedLabelSx = (theme) => ({
+  fontWeight: 600,
+  fontSize: 10,
+  lineHeight: 1,
+  letterSpacing: ".08em",
+  textTransform: "uppercase",
+  color: theme.palette.text.secondary,
+  marginBottom: "7px"
+});
+var chipWrapSx = {
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "5px",
+  maxHeight: 74,
+  overflow: "auto"
+};
+var chipSx = (theme) => {
+  const brand = accent(theme);
+  return {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "5px",
+    fontSize: 12,
+    background: brand.soft,
+    color: brand.ink,
+    border: `1px solid ${brand.edge}`,
+    borderRadius: "7px",
+    padding: "3px 4px 3px 8px",
+    "& button": {
+      border: 0,
+      background: "transparent",
+      color: "inherit",
+      cursor: "pointer",
+      padding: 0,
+      width: 16,
+      height: 16,
+      borderRadius: "4px",
+      display: "grid",
+      placeItems: "center",
+      opacity: 0.65,
+      fontSize: 13,
+      lineHeight: 1,
+      "&:hover": { background: alpha(theme.palette.primary.main, 0.16), opacity: 1 }
+    }
+  };
+};
+var listSx = (sheet) => ({
+  overflow: "auto",
+  maxHeight: sheet ? METRICS.sheetListMaxHeight : METRICS.listMaxHeight,
+  padding: "6px 6px 8px",
+  scrollPadding: "8px 0",
+  overscrollBehavior: "contain"
+});
+var rowSx = (theme, active, sheet) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: "8px",
+  padding: "0 8px",
+  height: sheet ? METRICS.sheetRowHeight : METRICS.rowHeight,
+  borderRadius: `${METRICS.rowRadius}px`,
+  cursor: "pointer",
+  userSelect: "none",
+  position: "relative",
+  width: "100%",
+  border: 0,
+  textAlign: "left",
+  font: "inherit",
+  background: active ? alpha(theme.palette.primary.main, 0.08) : "transparent",
+  boxShadow: active ? `inset 0 0 0 1px ${alpha(theme.palette.primary.main, 0.3)}` : "none",
+  "&:hover": {
+    background: active ? alpha(theme.palette.primary.main, 0.08) : theme.palette.action.hover
+  },
+  "&:focus-visible": { outline: `2px solid ${theme.palette.primary.main}`, outlineOffset: 1 }
+});
+var rowNameSx = (theme, isCategory) => ({
+  flex: 1,
+  minWidth: 0,
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  fontSize: 13.5,
+  fontWeight: isCategory ? 600 : 450,
+  color: isCategory ? theme.palette.text.primary : theme.palette.text.secondary
+});
+var rowMetaSx = (theme, selected) => ({
+  font: "500 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace",
+  color: selected ? theme.palette.primary.main : theme.palette.text.secondary,
+  fontWeight: selected ? 600 : 500,
+  flex: "0 0 auto"
+});
+var markSx = {
+  background: "#fff2a8",
+  color: "inherit",
+  borderRadius: "2px",
+  padding: "0 1px"
+};
+var chevronButtonSx = (theme, open) => ({
+  width: METRICS.chevronButton,
+  height: METRICS.chevronButton,
+  flex: "0 0 auto",
+  border: 0,
+  background: "transparent",
+  borderRadius: "6px",
+  display: "grid",
+  placeItems: "center",
+  cursor: "pointer",
+  color: theme.palette.text.secondary,
+  padding: 0,
+  "&:hover": { background: theme.palette.action.hover, color: theme.palette.text.primary },
+  "& svg": { width: 12, height: 12, transition: "transform .15s", transform: open ? "rotate(90deg)" : "none" }
+});
+var checkboxSx = (theme, state) => ({
+  width: METRICS.boxSize,
+  height: METRICS.boxSize,
+  flex: "0 0 auto",
+  border: `1.5px solid ${state === "off" ? theme.palette.divider : theme.palette.primary.main}`,
+  borderRadius: "5px",
+  background: state === "off" ? theme.palette.background.paper : theme.palette.primary.main,
+  display: "grid",
+  placeItems: "center",
+  transition: "background .1s, border-color .1s",
+  "& svg": { width: 12, height: 12, color: theme.palette.primary.contrastText }
+});
+var checkboxBarSx = (theme) => ({
+  width: 9,
+  height: 2,
+  background: theme.palette.primary.contrastText,
+  borderRadius: "1px"
+});
+var radioSx = (theme, on) => ({
+  width: METRICS.boxSize,
+  height: METRICS.boxSize,
+  flex: "0 0 auto",
+  borderRadius: "50%",
+  background: theme.palette.background.paper,
+  border: on ? `5.5px solid ${theme.palette.primary.main}` : `1.5px solid ${theme.palette.divider}`,
+  boxSizing: "border-box"
+});
+var sectionHeadSx = (theme) => ({
+  fontWeight: 600,
+  fontSize: 10,
+  lineHeight: 1,
+  letterSpacing: ".08em",
+  textTransform: "uppercase",
+  color: theme.palette.text.secondary,
+  padding: "9px 8px 6px"
+});
+var footerSx = (theme) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: "8px",
+  padding: "9px 10px",
+  borderTop: `1px solid ${theme.palette.divider}`,
+  background: theme.palette.action.hover
+});
+var emptySx = (theme) => ({
+  padding: "26px 18px",
+  textAlign: "center",
+  color: theme.palette.text.secondary,
+  "& strong": {
+    display: "block",
+    color: theme.palette.text.primary,
+    fontSize: 13.5,
+    marginBottom: "4px"
+  },
+  "& p": { margin: "0 0 12px", fontSize: 12.5, lineHeight: 1.5 }
+});
+var skeletonSx = {
+  height: METRICS.rowHeight,
+  margin: "4px 6px",
+  borderRadius: `${METRICS.rowRadius}px`
+};
+
+export {
+  METRICS,
+  triggerSx,
+  triggerCountSx,
+  triggerClearSx,
+  triggerChevronSx,
+  panelSx,
+  sheetSx,
+  panelHeadSx,
+  pinnedSx,
+  pinnedLabelSx,
+  chipWrapSx,
+  chipSx,
+  listSx,
+  rowSx,
+  rowNameSx,
+  rowMetaSx,
+  markSx,
+  chevronButtonSx,
+  checkboxSx,
+  checkboxBarSx,
+  radioSx,
+  sectionHeadSx,
+  footerSx,
+  emptySx,
+  skeletonSx
+};
+//# sourceMappingURL=chunk-TFO6GBW7.js.map

package/dist/chunk-THZ2NAA4.js

@@ -0,0 +1,92 @@
+import {
+  AddressOption
+} from "./chunk-PDLJOQO5.js";
+import {
+  AddressInputField
+} from "./chunk-VXTYVJDK.js";
+import {
+  MIN_QUERY_LENGTH,
+  addressOptionLabel,
+  isSameAddressOption
+} from "./chunk-MTGEJRE4.js";
+import {
+  AddressSuggestionsPaper
+} from "./chunk-ST4YYVUK.js";
+
+// src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx
+import Alert from "@mui/material/Alert/index.js";
+import Autocomplete from "@mui/material/Autocomplete/index.js";
+import Box from "@mui/material/Box/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AddressAutocompleteField = ({
+  copy,
+  variant,
+  label,
+  placeholder,
+  icon,
+  floating,
+  error,
+  helperText,
+  disabled,
+  required,
+  fullWidth,
+  getCurrentLocation,
+  inputValue,
+  options,
+  loading,
+  apiError,
+  handleInputChange,
+  handleSelect,
+  handleGetCurrentLocation
+}) => /* @__PURE__ */ jsxs(Box, { "data-testid": "address-autocomplete-container", children: [
+  /* @__PURE__ */ jsx(
+    Autocomplete,
+    {
+      freeSolo: true,
+      options,
+      inputValue,
+      onInputChange: handleInputChange,
+      onChange: handleSelect,
+      loading,
+      disabled,
+      fullWidth,
+      getOptionLabel: addressOptionLabel,
+      isOptionEqualToValue: isSameAddressOption,
+      PaperComponent: AddressSuggestionsPaper,
+      noOptionsText: inputValue.length <= MIN_QUERY_LENGTH ? "Type at least 3 characters" : "No addresses found",
+      renderOption: ({ key, ...optionProps }, option, state) => /* @__PURE__ */ jsx(
+        AddressOption,
+        {
+          optionProps,
+          option,
+          index: state.index
+        },
+        key
+      ),
+      renderInput: (params) => /* @__PURE__ */ jsx(
+        AddressInputField,
+        {
+          copy,
+          params,
+          addressVariant: variant,
+          label: floating ? void 0 : label,
+          placeholder,
+          icon,
+          error: error || !!apiError,
+          helperText: apiError || helperText,
+          required,
+          disabled,
+          loading,
+          showCurrentLocation: getCurrentLocation && !loading,
+          onGetCurrentLocation: handleGetCurrentLocation
+        }
+      )
+    }
+  ),
+  apiError && /* @__PURE__ */ jsx(Alert, { severity: "warning", sx: { mt: 1 }, children: apiError })
+] });
+
+export {
+  AddressAutocompleteField
+};
+//# sourceMappingURL=chunk-THZ2NAA4.js.map

package/dist/chunk-TLX66HCW.js

@@ -0,0 +1,113 @@
+import {
+  TextFieldSlim
+} from "./chunk-SL6454K7.js";
+import {
+  filledStyles,
+  floatingLabelStyles,
+  glowStyles,
+  inputBaseStyles,
+  outlinedStyles,
+  pulseStyles
+} from "./chunk-S6YY2WWK.js";
+import {
+  INPUT_LOADING,
+  SIZE_MAP,
+  muiVariantFor
+} from "./chunk-DFK6QCXX.js";
+import {
+  splitTestId
+} from "./chunk-6F5IKY32.js";
+
+// src/components/form/Input/Input.tsx
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import InputAdornment from "@mui/material/InputAdornment/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var StyledTextField = styled(TextFieldSlim, {
+  shouldForwardProp: (prop) => !["customVariant", "floating", "glow", "pulse", "loading"].includes(prop)
+})(({ theme, customVariant, floating, glow, pulse, loading }) => ({
+  position: "relative",
+  opacity: loading ? INPUT_LOADING.opacity : 1,
+  ...glow ? glowStyles(theme) : {},
+  ...pulse ? pulseStyles(theme) : {},
+  ...floating ? floatingLabelStyles(theme) : {},
+  "& .MuiInputBase-root": {
+    transition: "all 0.3s ease",
+    ...inputBaseStyles(theme, customVariant)
+  },
+  "& .MuiOutlinedInput-root": outlinedStyles(theme),
+  "& .MuiFilledInput-root": filledStyles(theme)
+}));
+var EndAdornment = ({
+  loading,
+  endAdornment
+}) => {
+  if (loading) {
+    return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: INPUT_LOADING.spinnerSize }) });
+  }
+  if (!endAdornment) return null;
+  return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: endAdornment });
+};
+var interactionProps = (loading, onClick, disabled) => ({
+  disabled: loading || disabled,
+  onClick: loading ? void 0 : onClick
+});
+var Input = React.forwardRef(
+  ({
+    variant = "outlined",
+    size = "md",
+    label,
+    error,
+    helperText,
+    startAdornment,
+    endAdornment,
+    fullWidth = true,
+    floating = false,
+    glow = false,
+    pulse = false,
+    loading = false,
+    onClick,
+    onFocus,
+    onBlur,
+    "aria-label": ariaLabel,
+    ...rest
+  }, ref) => {
+    const { testId: dataTestId, rest: props } = splitTestId(rest);
+    return /* @__PURE__ */ jsx(
+      StyledTextField,
+      {
+        ref,
+        variant: muiVariantFor(variant),
+        customVariant: variant,
+        floating,
+        glow,
+        pulse,
+        loading,
+        label,
+        error,
+        helperText,
+        fullWidth,
+        ...interactionProps(loading, onClick, props.disabled),
+        onFocus,
+        onBlur,
+        inputProps: {
+          "data-testid": dataTestId,
+          ...ariaLabel === void 0 ? {} : { "aria-label": ariaLabel }
+        },
+        InputProps: {
+          startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
+          endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
+        },
+        ...SIZE_MAP[size],
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+export {
+  Input
+};
+//# sourceMappingURL=chunk-TLX66HCW.js.map

package/dist/chunk-TLX66HCW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { INPUT_LOADING } from './Input.metrics';\nimport { TextFieldSlim } from './text-field-slim';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\nimport { splitTestId } from '../../../platform/test-id';\n\n/**\n * `TextFieldSlim`, not `TextField` — see `text-field-slim.tsx`. MUI's own\n * `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nconst StyledTextField = styled(TextFieldSlim, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n})<{\n  customVariant?: InputProps['variant'];\n  floating?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  loading?: boolean;\n}>(({ theme, customVariant, floating, glow, pulse, loading }) => ({\n  position: 'relative',\n  opacity: loading ? INPUT_LOADING.opacity : 1,\n\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme) : {}),\n  ...(floating ? floatingLabelStyles(theme) : {}),\n\n  '& .MuiInputBase-root': {\n    transition: 'all 0.3s ease',\n    ...inputBaseStyles(theme, customVariant),\n  },\n\n  '& .MuiOutlinedInput-root': outlinedStyles(theme),\n  '& .MuiFilledInput-root': filledStyles(theme),\n}));\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={INPUT_LOADING.spinnerSize} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { testId: dataTestId, rest: props } = splitTestId(rest);\n    return (\n      <StyledTextField\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        customVariant={variant}\n        floating={floating}\n        glow={glow}\n        pulse={pulse}\n        loading={loading}\n        label={label}\n        error={error}\n        helperText={helperText}\n        fullWidth={fullWidth}\n        {...interactionProps(loading, onClick, props.disabled)}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        /*\n         * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n         * Spread with the rest it lands on the FormControl DIV that the text\n         * field renders as its root, which carries no role — so the field kept\n         * no accessible name, and a source grep saying \"this input is labelled\"\n         * disagreed with the DOM. The reports search box and the block-title\n         * inputs were both named in source and anonymous to a screen reader.\n         */\n        inputProps={{\n          'data-testid': dataTestId,\n          ...(ariaLabel === undefined ? {} : { 'aria-label': ariaLabel }),\n        }}\n        InputProps={{\n          startAdornment: startAdornment && (\n            <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n          ),\n          endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n        }}\n        {...SIZE_MAP[size]}\n        {...props}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,SAAS,cAAc;AACvB,OAAO,WAAW;AA2DV;AAlCR,IAAM,kBAAkB,OAAO,eAAe;AAAA,EAC5C,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,YAAY,QAAQ,SAAS,SAAS,EAAE,SAAS,IAAc;AACtF,CAAC,EAME,CAAC,EAAE,OAAO,eAAe,UAAU,MAAM,OAAO,QAAQ,OAAO;AAAA,EAChE,UAAU;AAAA,EACV,SAAS,UAAU,cAAc,UAAU;AAAA,EAE3C,GAAI,OAAO,WAAW,KAAK,IAAI,CAAC;AAAA,EAChC,GAAI,QAAQ,YAAY,KAAK,IAAI,CAAC;AAAA,EAClC,GAAI,WAAW,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAE7C,wBAAwB;AAAA,IACtB,YAAY;AAAA,IACZ,GAAG,gBAAgB,OAAO,aAAa;AAAA,EACzC;AAAA,EAEA,4BAA4B,eAAe,KAAK;AAAA,EAChD,0BAA0B,aAAa,KAAK;AAC9C,EAAE;AAGF,IAAM,eAA+E,CAAC;AAAA,EACpF;AAAA,EACA;AACF,MAAM;AACJ,MAAI,SAAS;AACX,WACE,oBAAC,kBAAe,UAAS,OACvB,8BAAC,oBAAiB,MAAM,cAAc,aAAa,GACrD;AAAA,EAEJ;AAEA,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO,oBAAC,kBAAe,UAAS,OAAO,wBAAa;AACtD;AAGA,IAAM,mBAAmB,CACvB,SACA,SACA,cACI;AAAA,EACJ,UAAU,WAAW;AAAA,EACrB,SAAS,UAAU,SAAY;AACjC;AAEO,IAAM,QAAQ,MAAM;AAAA,EACzB,CACE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,EAAE,QAAQ,YAAY,MAAM,MAAM,IAAI,YAAY,IAAI;AAC5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,cAAc,OAAO;AAAA,QAC9B,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG,iBAAiB,SAAS,SAAS,MAAM,QAAQ;AAAA,QACrD;AAAA,QACA;AAAA,QASA,YAAY;AAAA,UACV,eAAe;AAAA,UACf,GAAI,cAAc,SAAY,CAAC,IAAI,EAAE,cAAc,UAAU;AAAA,QAC/D;AAAA,QACA,YAAY;AAAA,UACV,gBAAgB,kBACd,oBAAC,kBAAe,UAAS,SAAS,0BAAe;AAAA,UAEnD,cAAc,oBAAC,gBAAa,SAAkB,cAA4B;AAAA,QAC5E;AAAA,QACC,GAAG,SAAS,IAAI;AAAA,QAChB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;","names":[]}