@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-366747RT.js

@@ -1,236 +0,0 @@
-import {
-  resolveScrollAreaProps
-} from "./chunk-RHIDWUK7.js";
-import {
-  ScrollViewport
-} from "./chunk-OOTIGGEN.js";
-import {
-  ScrollAreaContent
-} from "./chunk-EQB4HJSI.js";
-
-// src/components/layout/ScrollArea/ScrollArea.tsx
-import KeyboardArrowUp from "@mui/icons-material/KeyboardArrowUp";
-import { alpha, Box, CircularProgress, Fab, useTheme, Zoom } from "@mui/material";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var useObservedScrollRef = ({
-  externalScrollRef,
-  onResize
-}) => {
-  const internalScrollRef = useRef(null);
-  const [containerDimensions, setContainerDimensions] = useState({ width: 0, height: 0 });
-  useEffect(() => {
-    if (!internalScrollRef.current) return;
-    const resizeObserver = new ResizeObserver((entries) => {
-      const entry = entries[0];
-      if (entry) {
-        const { width, height } = entry.contentRect;
-        setContainerDimensions({ width, height });
-        onResize?.({ width, height });
-      }
-    });
-    resizeObserver.observe(internalScrollRef.current);
-    return () => resizeObserver.disconnect();
-  }, [onResize]);
-  const setScrollRef = useCallback(
-    (node) => {
-      internalScrollRef.current = node;
-      if (externalScrollRef) {
-        externalScrollRef.current = node;
-      }
-    },
-    [externalScrollRef]
-  );
-  return { scrollRef: internalScrollRef, setScrollRef, containerDimensions };
-};
-var useAutoHide = ({
-  autoHide,
-  alwaysShowScrollbar,
-  autoHideDelay
-}) => {
-  const [isScrolling, setIsScrolling] = useState(false);
-  const timeoutRef = useRef(void 0);
-  const noteScroll = useCallback(() => {
-    if (!autoHide || alwaysShowScrollbar) return;
-    setIsScrolling(true);
-    window.clearTimeout(timeoutRef.current);
-    timeoutRef.current = window.setTimeout(() => setIsScrolling(false), autoHideDelay);
-  }, [autoHide, alwaysShowScrollbar, autoHideDelay]);
-  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);
-  return { isScrolling, noteScroll };
-};
-var useScrollArea = (props) => {
-  const {
-    disabled,
-    onScroll,
-    onResize,
-    externalScrollRef,
-    autoHide,
-    autoHideDelay,
-    alwaysShowScrollbar,
-    scrollToTopButton,
-    scrollToTopThreshold,
-    smoothScroll
-  } = props;
-  const { scrollRef, setScrollRef, containerDimensions } = useObservedScrollRef({
-    externalScrollRef,
-    onResize
-  });
-  const [showScrollToTop, setShowScrollToTop] = useState(false);
-  const { isScrolling, noteScroll } = useAutoHide({
-    autoHide,
-    alwaysShowScrollbar,
-    autoHideDelay
-  });
-  const handleScroll = useCallback(
-    (event) => {
-      if (disabled) return;
-      noteScroll();
-      if (scrollToTopButton && scrollRef.current) {
-        setShowScrollToTop(scrollRef.current.scrollTop > scrollToTopThreshold);
-      }
-      onScroll?.(event);
-    },
-    [disabled, noteScroll, scrollToTopButton, scrollToTopThreshold, onScroll, scrollRef]
-  );
-  const scrollToTop = useCallback(() => {
-    scrollRef.current?.scrollTo({ top: 0, behavior: smoothScroll ? "smooth" : "auto" });
-  }, [smoothScroll, scrollRef]);
-  return {
-    scrollRef,
-    setScrollRef,
-    isScrolling,
-    showScrollToTop,
-    containerDimensions,
-    handleScroll,
-    scrollToTop
-  };
-};
-var LoadingOverlay = () => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)",
-      zIndex: 10
-    },
-    children: /* @__PURE__ */ jsx(CircularProgress, {})
-  }
-);
-var ScrollToTopFab = ({
-  visible,
-  glass,
-  scrollToTopLabel,
-  onClick
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(Zoom, { in: visible, children: /* @__PURE__ */ jsx(
-    Fab,
-    {
-      size: "small",
-      "aria-label": scrollToTopLabel,
-      onClick,
-      sx: {
-        position: "absolute",
-        bottom: 16,
-        right: 16,
-        zIndex: 1,
-        backgroundColor: glass ? alpha(theme.palette.primary.main, 0.2) : theme.palette.primary.main,
-        backdropFilter: glass ? "blur(10px)" : "none",
-        "&:hover": {
-          backgroundColor: glass ? alpha(theme.palette.primary.main, 0.3) : theme.palette.primary.dark
-        }
-      },
-      children: /* @__PURE__ */ jsx(KeyboardArrowUp, {})
-    }
-  ) });
-};
-var ScrollArea = (componentProps) => {
-  const resolved = resolveScrollAreaProps(componentProps);
-  const {
-    regionLabel,
-    scrollToTopLabel,
-    children,
-    width,
-    height,
-    maxHeight,
-    maxWidth,
-    orientation: _orientation,
-    scrollbarSize: _scrollbarSize,
-    autoHide,
-    autoHideDelay: _autoHideDelay,
-    smoothScroll: _smoothScroll,
-    variant,
-    onScroll: _onScroll,
-    scrollToTopButton,
-    scrollToTopThreshold: _scrollToTopThreshold,
-    scrollbarColor: _scrollbarColor,
-    scrollbarTrackColor: _scrollbarTrackColor,
-    contentPadding: _contentPadding,
-    alwaysShowScrollbar,
-    disabled,
-    loading,
-    emptyContent,
-    testId,
-    scrollRef: externalScrollRef,
-    onResize: _onResize,
-    sx,
-    ...props
-  } = resolved;
-  const {
-    scrollRef,
-    setScrollRef,
-    isScrolling,
-    showScrollToTop,
-    containerDimensions,
-    handleScroll,
-    scrollToTop
-  } = useScrollArea({ ...resolved, externalScrollRef });
-  const shouldShowScrollbar = alwaysShowScrollbar || !autoHide || isScrolling;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": testId,
-      sx: { position: "relative", width, height, maxHeight, maxWidth, ...sx },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollViewport,
-          {
-            ...resolved,
-            regionLabel,
-            shouldShowScrollbar,
-            setScrollRef,
-            onScroll: handleScroll,
-            children: /* @__PURE__ */ jsx(
-              ScrollAreaContent,
-              {
-                emptyContent,
-                scrollRef,
-                containerWidth: containerDimensions.width,
-                children
-              }
-            )
-          }
-        ),
-        loading && /* @__PURE__ */ jsx(LoadingOverlay, {}),
-        scrollToTopButton && scrollToTopLabel && !disabled && !loading && /* @__PURE__ */ jsx(
-          ScrollToTopFab,
-          {
-            scrollToTopLabel,
-            visible: showScrollToTop,
-            glass: variant === "glass",
-            onClick: scrollToTop
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  ScrollArea
-};
-//# sourceMappingURL=chunk-366747RT.js.map

package/dist/chunk-366747RT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import KeyboardArrowUp from '@mui/icons-material/KeyboardArrowUp';\nimport { alpha, Box, CircularProgress,Fab, useTheme, Zoom } from '@mui/material';\nimport type { FC } from 'react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { ResolvedScrollAreaProps } from './ScrollArea.helpers';\nimport { resolveScrollAreaProps } from './ScrollArea.helpers';\nimport type { ScrollAreaProps } from './ScrollArea.types';\nimport { ScrollAreaContent } from './ScrollAreaContent';\nimport { ScrollViewport } from './ScrollViewport';\n\n// Owns the scroll container ref (merging in any ref the caller passed) and\n// reports size changes through a ResizeObserver.\nconst useObservedScrollRef = ({\n  externalScrollRef,\n  onResize }: {\n  externalScrollRef?: React.Ref<HTMLDivElement>;\n  onResize?: ScrollAreaProps['onResize'];\n}) => {\n  const internalScrollRef = useRef<HTMLDivElement>(null);\n  const [containerDimensions, setContainerDimensions] = useState({ width: 0, height: 0 });\n\n  // Track container dimensions with ResizeObserver\n  useEffect(() => {\n    if (!internalScrollRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) {\n        const { width, height } = entry.contentRect;\n        setContainerDimensions({ width, height });\n        onResize?.({ width, height });\n      }\n    });\n\n    resizeObserver.observe(internalScrollRef.current);\n    return () => resizeObserver.disconnect();\n  }, [onResize]);\n\n  // Callback ref that updates both internal and external refs\n  const setScrollRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      // Update internal ref\n      (internalScrollRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      // Update external ref if provided\n      if (externalScrollRef) {\n        (externalScrollRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    },\n    [externalScrollRef],\n  );\n\n  // Use internal ref for accessing the element\n\n  return { scrollRef: internalScrollRef, setScrollRef, containerDimensions };\n};\n\n// Scroll position, the transient \"is scrolling\" flag that drives auto-hide, the\n// observed container size, and the scroll-to-top affordance.\n// The scrollbar shows while scrolling and hides once movement stops.\nconst useAutoHide = ({\n  autoHide,\n  alwaysShowScrollbar,\n  autoHideDelay }: {\n  autoHide: boolean;\n  alwaysShowScrollbar: boolean;\n  autoHideDelay: number;\n}) => {\n  const [isScrolling, setIsScrolling] = useState(false);\n  const timeoutRef = useRef<number | undefined>(undefined);\n\n  const noteScroll = useCallback(() => {\n    if (!autoHide || alwaysShowScrollbar) return;\n\n    setIsScrolling(true);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => setIsScrolling(false), autoHideDelay);\n  }, [autoHide, alwaysShowScrollbar, autoHideDelay]);\n\n  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n\n  return { isScrolling, noteScroll };\n};\n\nconst useScrollArea = (\n  props: ResolvedScrollAreaProps & { externalScrollRef?: React.Ref<HTMLDivElement> },\n) => {\n  const {\n    disabled,\n    onScroll,\n    onResize,\n    externalScrollRef,\n    autoHide,\n    autoHideDelay,\n    alwaysShowScrollbar,\n    scrollToTopButton,\n    scrollToTopThreshold,\n    smoothScroll } = props;\n\n  const { scrollRef, setScrollRef, containerDimensions } = useObservedScrollRef({\n    externalScrollRef,\n    onResize });\n  const [showScrollToTop, setShowScrollToTop] = useState(false);\n  const { isScrolling, noteScroll } = useAutoHide({\n    autoHide,\n    alwaysShowScrollbar,\n    autoHideDelay });\n\n  const handleScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (disabled) return;\n\n      noteScroll();\n\n      if (scrollToTopButton && scrollRef.current) {\n        setShowScrollToTop(scrollRef.current.scrollTop > scrollToTopThreshold);\n      }\n\n      onScroll?.(event);\n    },\n    [disabled, noteScroll, scrollToTopButton, scrollToTopThreshold, onScroll, scrollRef],\n  );\n\n  const scrollToTop = useCallback(() => {\n    scrollRef.current?.scrollTo({ top: 0, behavior: smoothScroll ? 'smooth' : 'auto' });\n  }, [smoothScroll, scrollRef]);\n\n  return {\n    scrollRef,\n    setScrollRef,\n    isScrolling,\n    showScrollToTop,\n    containerDimensions,\n    handleScroll,\n    scrollToTop };\n};\n\nconst LoadingOverlay: FC = () => (\n  <Box\n    sx={{\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      zIndex: 10 }}\n  >\n    <CircularProgress />\n  </Box>\n);\n\n// The label is guarded at the call site rather than defaulted: the props union\n// already makes it required alongside `scrollToTopButton`, and a fab with an\n// empty accessible name is the exact failure this port exists to remove.\nconst ScrollToTopFab: FC<{\n  visible: boolean;\n  glass: boolean;\n  scrollToTopLabel: string;\n  onClick: () => void;\n}> = ({\n  visible,\n  glass,\n  scrollToTopLabel,\n  onClick }) => {\n  const theme = useTheme();\n\n  return (\n    <Zoom in={visible}>\n      <Fab\n        size=\"small\"\n        aria-label={scrollToTopLabel}\n        onClick={onClick}\n        sx={{\n          position: 'absolute',\n          bottom: 16,\n          right: 16,\n          zIndex: 1,\n          backgroundColor: glass\n            ? alpha(theme.palette.primary.main, 0.2)\n            : theme.palette.primary.main,\n          backdropFilter: glass ? 'blur(10px)' : 'none',\n          '&:hover': {\n            backgroundColor: glass\n              ? alpha(theme.palette.primary.main, 0.3)\n              : theme.palette.primary.dark } }}\n      >\n        <KeyboardArrowUp />\n      </Fab>\n    </Zoom>\n  );\n};\n\nexport const ScrollArea: React.FC<ScrollAreaProps> = (componentProps) => {\n  const resolved = resolveScrollAreaProps(componentProps);\n  const {\n    regionLabel,\n    scrollToTopLabel,\n    children,\n    width,\n    height,\n    maxHeight,\n    maxWidth,\n    orientation: _orientation,\n    scrollbarSize: _scrollbarSize,\n    autoHide,\n    autoHideDelay: _autoHideDelay,\n    smoothScroll: _smoothScroll,\n    variant,\n    onScroll: _onScroll,\n    scrollToTopButton,\n    scrollToTopThreshold: _scrollToTopThreshold,\n    scrollbarColor: _scrollbarColor,\n    scrollbarTrackColor: _scrollbarTrackColor,\n    contentPadding: _contentPadding,\n    alwaysShowScrollbar,\n    disabled,\n    loading,\n    emptyContent,\n    testId,\n    scrollRef: externalScrollRef,\n    onResize: _onResize,\n    sx,\n    ...props\n  } = resolved;\n\n  const {\n    scrollRef,\n    setScrollRef,\n    isScrolling,\n    showScrollToTop,\n    containerDimensions,\n    handleScroll,\n    scrollToTop } = useScrollArea({ ...resolved, externalScrollRef });\n\n  // Auto-hide keeps the scrollbar out of the way until the user is scrolling.\n  const shouldShowScrollbar = alwaysShowScrollbar || !autoHide || isScrolling;\n\n  return (\n    <Box\n      data-testid={testId}\n      sx={{ position: 'relative', width, height, maxHeight, maxWidth, ...sx }}\n      {...props}\n    >\n      <ScrollViewport\n        {...resolved}\n        regionLabel={regionLabel}\n        shouldShowScrollbar={shouldShowScrollbar}\n        setScrollRef={setScrollRef}\n        onScroll={handleScroll}\n      >\n        <ScrollAreaContent\n          emptyContent={emptyContent}\n          scrollRef={scrollRef}\n          containerWidth={containerDimensions.width}\n        >\n          {children}\n        </ScrollAreaContent>\n      </ScrollViewport>\n\n      {loading && <LoadingOverlay />}\n\n      {scrollToTopButton && scrollToTopLabel && !disabled && !loading && (\n        <ScrollToTopFab\n          scrollToTopLabel={scrollToTopLabel}\n          visible={showScrollToTop}\n          glass={variant === 'glass'}\n          onClick={scrollToTop}\n        />\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-36NAZ2M5.js

@@ -1,33 +0,0 @@
-import {
-  ToggleField
-} from "./chunk-W3TTRP2W.js";
-import {
-  TextField
-} from "./chunk-2CNG6YIC.js";
-import {
-  SelectField
-} from "./chunk-E4CNWOJS.js";
-import {
-  CepField
-} from "./chunk-W5AALTIW.js";
-import {
-  CategoryField
-} from "./chunk-JG6ASCPE.js";
-import {
-  __export
-} from "./chunk-PZ5AY32C.js";
-
-// src/components/form/total-form/Fields/index.ts
-var Fields_exports = {};
-__export(Fields_exports, {
-  CategoryField: () => CategoryField,
-  CepField: () => CepField,
-  SelectField: () => SelectField,
-  TextField: () => TextField,
-  ToggleField: () => ToggleField
-});
-
-export {
-  Fields_exports
-};
-//# sourceMappingURL=chunk-36NAZ2M5.js.map

package/dist/chunk-3CCUSLS2.js

@@ -1,53 +0,0 @@
-// src/components/form/Label/Label.parts.tsx
-import { Box, CircularProgress, useTheme } from "@mui/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Asterisk = ({
-  placement
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "span",
-      sx: {
-        color: theme.palette.error.main,
-        marginLeft: placement === "end" ? theme.spacing(0.5) : 0,
-        marginRight: placement === "start" ? theme.spacing(0.5) : 0
-      },
-      children: "*"
-    }
-  );
-};
-var LabelIcon = ({ icon }) => /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center", fontSize: "inherit" }, children: icon });
-var LabelSpinner = ({
-  fontSize,
-  color
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(CircularProgress, { size: fontSize, sx: { color, marginLeft: theme.spacing(0.5) } });
-};
-var LabelBody = ({
-  children,
-  required,
-  asteriskPlacement,
-  icon,
-  iconPosition,
-  loading,
-  fontSize,
-  color
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  required && asteriskPlacement === "start" && /* @__PURE__ */ jsx(Asterisk, { placement: asteriskPlacement }),
-  icon && iconPosition === "start" && /* @__PURE__ */ jsx(LabelIcon, { icon }),
-  children,
-  icon && iconPosition === "end" && /* @__PURE__ */ jsx(LabelIcon, { icon }),
-  required && asteriskPlacement === "end" && /* @__PURE__ */ jsx(Asterisk, { placement: asteriskPlacement }),
-  loading && /* @__PURE__ */ jsx(LabelSpinner, { fontSize, color })
-] });
-
-export {
-  Asterisk,
-  LabelIcon,
-  LabelSpinner,
-  LabelBody
-};
-//# sourceMappingURL=chunk-3CCUSLS2.js.map

package/dist/chunk-3CCUSLS2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Label/Label.parts.tsx"],"sourcesContent":["import { Box, CircularProgress, useTheme } from '@mui/material';\nimport React from 'react';\n\nimport type { LabelProps } from './Label.types';\n\n/** The required marker, on whichever side the caller asked for. */\nexport const Asterisk: React.FC<{ placement: NonNullable<LabelProps['asteriskPlacement']> }> = ({\n  placement,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      component=\"span\"\n      sx={{\n        color: theme.palette.error.main,\n        marginLeft: placement === 'end' ? theme.spacing(0.5) : 0,\n        marginRight: placement === 'start' ? theme.spacing(0.5) : 0,\n      }}\n    >\n      *\n    </Box>\n  );\n};\n\nexport const LabelIcon: React.FC<{ icon: React.ReactNode }> = ({ icon }) => (\n  <Box component=\"span\" sx={{ display: 'inline-flex', alignItems: 'center', fontSize: 'inherit' }}>\n    {icon}\n  </Box>\n);\n\n/** Sized to the label's own font so it sits on the text baseline. */\nexport const LabelSpinner: React.FC<{ fontSize?: CSSStyleDeclaration['fontSize']; color: string }> = ({\n  fontSize,\n  color,\n}) => {\n  const theme = useTheme();\n\n  return <CircularProgress size={fontSize} sx={{ color, marginLeft: theme.spacing(0.5) }} />;\n};\n\nexport interface LabelBodyProps {\n  children: React.ReactNode;\n  required: boolean;\n  asteriskPlacement: NonNullable<LabelProps['asteriskPlacement']>;\n  icon?: React.ReactNode;\n  iconPosition: NonNullable<LabelProps['iconPosition']>;\n  loading: boolean;\n  fontSize?: string;\n  color: string;\n}\n\n/**\n * The run inside the label: the required marker and the icon on whichever side\n * each was asked for, the text, and the spinner after it all.\n */\nexport const LabelBody: React.FC<LabelBodyProps> = ({\n  children,\n  required,\n  asteriskPlacement,\n  icon,\n  iconPosition,\n  loading,\n  fontSize,\n  color,\n}) => (\n  <>\n    {required && asteriskPlacement === 'start' && <Asterisk placement={asteriskPlacement} />}\n    {icon && iconPosition === 'start' && <LabelIcon icon={icon} />}\n    {children}\n    {icon && iconPosition === 'end' && <LabelIcon icon={icon} />}\n    {required && asteriskPlacement === 'end' && <Asterisk placement={asteriskPlacement} />}\n    {loading && <LabelSpinner fontSize={fontSize} color={color} />}\n  </>\n);\n"],"mappings":";AAAA,SAAS,KAAK,kBAAkB,gBAAgB;AAY5C,SAsDF,UAtDE,KAsDF,YAtDE;AANG,IAAM,WAAkF,CAAC;AAAA,EAC9F;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAI;AAAA,QACF,OAAO,MAAM,QAAQ,MAAM;AAAA,QAC3B,YAAY,cAAc,QAAQ,MAAM,QAAQ,GAAG,IAAI;AAAA,QACvD,aAAa,cAAc,UAAU,MAAM,QAAQ,GAAG,IAAI;AAAA,MAC5D;AAAA,MACD;AAAA;AAAA,EAED;AAEJ;AAEO,IAAM,YAAiD,CAAC,EAAE,KAAK,MACpE,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,eAAe,YAAY,UAAU,UAAU,UAAU,GAC3F,gBACH;AAIK,IAAM,eAAwF,CAAC;AAAA,EACpG;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,SAAO,oBAAC,oBAAiB,MAAM,UAAU,IAAI,EAAE,OAAO,YAAY,MAAM,QAAQ,GAAG,EAAE,GAAG;AAC1F;AAiBO,IAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,iCACG;AAAA,cAAY,sBAAsB,WAAW,oBAAC,YAAS,WAAW,mBAAmB;AAAA,EACrF,QAAQ,iBAAiB,WAAW,oBAAC,aAAU,MAAY;AAAA,EAC3D;AAAA,EACA,QAAQ,iBAAiB,SAAS,oBAAC,aAAU,MAAY;AAAA,EACzD,YAAY,sBAAsB,SAAS,oBAAC,YAAS,WAAW,mBAAmB;AAAA,EACnF,WAAW,oBAAC,gBAAa,UAAoB,OAAc;AAAA,GAC9D;","names":[]}

package/dist/chunk-3CM277NN.js

@@ -1,75 +0,0 @@
-import {
-  isPresetActive,
-  resolvePreset
-} from "./chunk-CBOB5AV6.js";
-
-// src/components/data-display/DataViews/data-views-preset-chips.tsx
-import { Box } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-function PresetChip({
-  preset,
-  active,
-  onSelect,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      onClick: onSelect,
-      "aria-pressed": active,
-      "data-testid": testId,
-      sx: {
-        px: 1.25,
-        py: 0.5,
-        border: 1,
-        borderStyle: "solid",
-        borderColor: active ? "primary.main" : "divider",
-        borderRadius: 999,
-        bgcolor: active ? "action.selected" : "background.paper",
-        color: active ? "primary.main" : "text.secondary",
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: "0.75rem",
-        fontWeight: 600,
-        whiteSpace: "nowrap",
-        "&:hover": { borderColor: active ? "primary.main" : "text.primary" }
-      },
-      children: preset.label
-    }
-  );
-}
-function RangePresets({
-  presets,
-  value,
-  onChange,
-  testId
-}) {
-  if (presets.length === 0) return null;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-testid": `${testId}-presets`,
-      sx: { display: "flex", flexWrap: "wrap", gap: 0.75 },
-      children: presets.map((preset) => {
-        const active = isPresetActive(preset, value);
-        return /* @__PURE__ */ jsx(
-          PresetChip,
-          {
-            preset,
-            active,
-            onSelect: () => onChange(active ? {} : resolvePreset(preset)),
-            testId: `${testId}-preset-${preset.id}`
-          },
-          preset.id
-        );
-      })
-    }
-  );
-}
-
-export {
-  RangePresets
-};
-//# sourceMappingURL=chunk-3CM277NN.js.map

package/dist/chunk-3CM277NN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-preset-chips.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE ONE-CLICK WINDOWS ABOVE A RANGE'S `De`/`Até` INPUTS.\n *\n * \"Filter by last month\" is two date pickers, four gestures and a mental\n * calculation of which day the month ended on. It is also the overwhelmingly\n * common case. So the common windows get a chip each, and the inputs stay for\n * the windows nobody could enumerate.\n *\n * Clicking an active preset CLEARS it. A chip that reads as pressed and does\n * nothing when pressed again is a dead control, and the alternative — hunting\n * for the pill's ✕ — is the gesture this row exists to remove.\n */\nimport { Box } from \"@mui/material\";\n\nimport { isPresetActive, resolvePreset } from \"./data-views-range-presets\";\nimport type { RangePreset, RangeValue } from \"./data-views-types\";\n\n/** One preset, styled as the same pill-shaped chip the filter bar uses. */\nfunction PresetChip({\n  preset,\n  active,\n  onSelect,\n  testId,\n}: {\n  preset: RangePreset;\n  active: boolean;\n  onSelect: () => void;\n  testId: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onSelect}\n      aria-pressed={active}\n      data-testid={testId}\n      sx={{\n        px: 1.25,\n        py: 0.5,\n        border: 1,\n        borderStyle: \"solid\",\n        borderColor: active ? \"primary.main\" : \"divider\",\n        borderRadius: 999,\n        bgcolor: active ? \"action.selected\" : \"background.paper\",\n        color: active ? \"primary.main\" : \"text.secondary\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: \"0.75rem\",\n        fontWeight: 600,\n        whiteSpace: \"nowrap\",\n        \"&:hover\": { borderColor: active ? \"primary.main\" : \"text.primary\" },\n      }}\n    >\n      {preset.label}\n    </Box>\n  );\n}\n\n/**\n * The preset row. Renders nothing when a field declares none, so a numeric\n * range without host-configured windows keeps the popover it had.\n *\n * Carries no outer margin — the three surfaces that host it (the pill's\n * popover, the slide-in panel, the \"Mais\" overflow) each sit it in a different\n * stack, and a baked-in margin would be wrong in two of them.\n */\nexport function RangePresets({\n  presets,\n  value,\n  onChange,\n  testId,\n}: {\n  presets: RangePreset[];\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testId: string;\n}): React.JSX.Element | null {\n  if (presets.length === 0) return null;\n  return (\n    <Box\n      data-testid={`${testId}-presets`}\n      sx={{ display: \"flex\", flexWrap: \"wrap\", gap: 0.75 }}\n    >\n      {presets.map((preset) => {\n        const active = isPresetActive(preset, value);\n        return (\n          <PresetChip\n            key={preset.id}\n            preset={preset}\n            active={active}\n            onSelect={() => onChange(active ? {} : resolvePreset(preset))}\n            testId={`${testId}-preset-${preset.id}`}\n          />\n        );\n      })}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAS,WAAW;AAkBhB;AAZJ,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAS;AAAA,MACT,gBAAc;AAAA,MACd,eAAa;AAAA,MACb,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,aAAa,SAAS,iBAAiB;AAAA,QACvC,cAAc;AAAA,QACd,SAAS,SAAS,oBAAoB;AAAA,QACtC,OAAO,SAAS,iBAAiB;AAAA,QACjC,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW,EAAE,aAAa,SAAS,iBAAiB,eAAe;AAAA,MACrE;AAAA,MAEC,iBAAO;AAAA;AAAA,EACV;AAEJ;AAUO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAK6B;AAC3B,MAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,GAAG,MAAM;AAAA,MACtB,IAAI,EAAE,SAAS,QAAQ,UAAU,QAAQ,KAAK,KAAK;AAAA,MAElD,kBAAQ,IAAI,CAAC,WAAW;AACvB,cAAM,SAAS,eAAe,QAAQ,KAAK;AAC3C,eACE;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA;AAAA,YACA,UAAU,MAAM,SAAS,SAAS,CAAC,IAAI,cAAc,MAAM,CAAC;AAAA,YAC5D,QAAQ,GAAG,MAAM,WAAW,OAAO,EAAE;AAAA;AAAA,UAJhC,OAAO;AAAA,QAKd;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-3D5J7R44.js

@@ -1,159 +0,0 @@
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-GJ2NPAXA.js";
-import {
-  stackedOverlayZIndex
-} from "./chunk-MQLM43E4.js";
-
-// src/components/form/CreatableSelect/CreatableSelect.tsx
-import { alpha } from "@mui/material";
-import { Autocomplete, createFilterOptions } from "@mui/material";
-import { CircularProgress } from "@mui/material";
-import { TextField } from "@mui/material";
-import { useId, useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var CREATE_PREFIX = " create:";
-var filterOptions = createFilterOptions();
-var INDENT_STEP = 16;
-var MUI_SIZE = { xs: "small", sm: "small", md: "medium", lg: "medium", xl: "medium" };
-var fieldSx = {
-  "& .MuiOutlinedInput-root": {
-    "& fieldset": {
-      borderColor: (theme) => alpha(theme.palette.divider, 0.23)
-    },
-    "&:hover fieldset": { borderColor: "primary.main" },
-    "&.Mui-focused fieldset": { borderColor: "primary.main", borderWidth: 2 },
-    "&.Mui-error fieldset": { borderColor: "error.main" }
-  }
-};
-function buildFilter(onCreate, createOptionLabel) {
-  return (available, params) => {
-    const filtered = filterOptions(available, params);
-    const input = params.inputValue.trim();
-    const alreadyExists = available.some(
-      (option) => option.label.toLowerCase() === input.toLowerCase()
-    );
-    if (input && !alreadyExists && onCreate) {
-      filtered.push({
-        value: `${CREATE_PREFIX}${input}`,
-        label: createOptionLabel(input),
-        isCreate: true
-      });
-    }
-    return filtered;
-  };
-}
-function renderIndentedOption(props, option) {
-  const { key, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      ...rest,
-      style: { paddingLeft: INDENT_STEP * (1 + (option.depth ?? 0)) },
-      children: option.label
-    },
-    key ?? option.value
-  );
-}
-function renderField(params, field) {
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      ...params,
-      id: field.inputId,
-      placeholder: field.placeholder,
-      error: Boolean(field.error),
-      size: MUI_SIZE[field.size],
-      sx: fieldSx,
-      inputProps: { ...params.inputProps, "data-testid": `${field.dataTestId}-input` },
-      slotProps: {
-        input: {
-          ...params.InputProps,
-          endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-            field.loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }) : null,
-            params.InputProps.endAdornment
-          ] })
-        }
-      }
-    }
-  );
-}
-function useInternalOptions(options, value) {
-  const items = useMemo(
-    () => options.map(({ value: optionValue, label, depth }) => ({
-      value: optionValue,
-      label,
-      depth
-    })),
-    [options]
-  );
-  const selected = useMemo(
-    () => items.find((option) => option.value === value) ?? null,
-    [items, value]
-  );
-  return { items, selected };
-}
-function handlePick(next, onChange, onCreate) {
-  if (!next) {
-    onChange(null);
-    return;
-  }
-  if (next.isCreate) {
-    void onCreate?.(next.value.slice(CREATE_PREFIX.length));
-    return;
-  }
-  onChange(next.value);
-}
-function CreatableSelect({
-  options,
-  value,
-  onChange,
-  onCreate,
-  label,
-  error,
-  placeholder,
-  createOptionLabel,
-  noOptionsText,
-  disabled = false,
-  loading = false,
-  fullWidth = true,
-  size = "md",
-  dataTestId = "creatable-select"
-}) {
-  const inputId = useId();
-  const { items, selected } = useInternalOptions(options, value);
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth, error: Boolean(error), children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: inputId, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      Autocomplete,
-      {
-        value: selected,
-        options: items,
-        disabled,
-        loading,
-        fullWidth,
-        size: MUI_SIZE[size],
-        handleHomeEndKeys: true,
-        selectOnFocus: true,
-        clearOnBlur: true,
-        "data-testid": dataTestId,
-        noOptionsText,
-        slotProps: { popper: { sx: { zIndex: stackedOverlayZIndex } } },
-        getOptionLabel: (option) => typeof option === "string" ? option : option.label,
-        isOptionEqualToValue: (option, current) => option.value === current.value,
-        renderOption: renderIndentedOption,
-        filterOptions: buildFilter(onCreate, createOptionLabel),
-        onChange: (_event, next) => handlePick(next, onChange, onCreate),
-        renderInput: (params) => renderField(params, { inputId, placeholder, error, loading, size, dataTestId })
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${dataTestId}-message`, children: error })
-  ] });
-}
-
-export {
-  CreatableSelect
-};
-//# sourceMappingURL=chunk-3D5J7R44.js.map

package/dist/chunk-3D5J7R44.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CreatableSelect/CreatableSelect.tsx"],"sourcesContent":["'use client';\n\nimport { alpha } from '@mui/material';\nimport { Autocomplete, createFilterOptions } from '@mui/material';\nimport type { AutocompleteRenderInputParams } from '@mui/material';\nimport { CircularProgress } from '@mui/material';\nimport { TextField } from '@mui/material';\nimport { useId, useMemo } from 'react';\n\nimport { stackedOverlayZIndex } from '../../../tokens/layers';\nimport { FormControl, FormLabel, FormMessage } from '../Form';\nimport type { CreatableSelectOption, CreatableSelectProps } from './CreatableSelect.types';\nimport type { SizeValue } from '../../../tokens/scales';\n\n/** Internal option shape: a real option, or the synthetic \"create new\" row. */\ninterface InternalOption extends CreatableSelectOption {\n  /** True for the synthetic row that triggers {@link CreatableSelectProps.onCreate}. */\n  isCreate?: boolean;\n}\n\n/** Prefix that marks a synthetic create-row value so it can never collide with a real one. */\nconst CREATE_PREFIX = ' create:';\n\nconst filterOptions = createFilterOptions<InternalOption>();\n\n/** How far one nesting level indents a dropdown row, in px. */\nconst INDENT_STEP = 16;\n\n/** `sm`/`md` → MUI's own scale, the same mapping {@link Input} uses. */\n// All five house stops onto MUI's two. `xs`/`sm` draw small; `md` and up draw\n// medium, because an autocomplete field has no third or fourth height to give.\nconst MUI_SIZE = { xs: 'small', sm: 'small', md: 'medium', lg: 'medium', xl: 'medium' } as const;\n\n/** Match the outlined border treatment of `Input` so siblings look identical. */\nconst fieldSx = {\n  '& .MuiOutlinedInput-root': {\n    '& fieldset': {\n      borderColor: (theme: { palette: { divider: string } }) => alpha(theme.palette.divider, 0.23),\n    },\n    '&:hover fieldset': { borderColor: 'primary.main' },\n    '&.Mui-focused fieldset': { borderColor: 'primary.main', borderWidth: 2 },\n    '&.Mui-error fieldset': { borderColor: 'error.main' },\n  },\n} as const;\n\n/**\n * The filter that appends the synthetic \"create\" row when the typed text matches\n * no existing option. Built per render from the two props it closes over.\n */\nfunction buildFilter(\n  onCreate: CreatableSelectProps['onCreate'],\n  createOptionLabel: (input: string) => string,\n) {\n  return (available: InternalOption[], params: { inputValue: string }): InternalOption[] => {\n    const filtered = filterOptions(available, params as Parameters<typeof filterOptions>[1]);\n    const input = params.inputValue.trim();\n    const alreadyExists = available.some(\n      (option) => option.label.toLowerCase() === input.toLowerCase(),\n    );\n    if (input && !alreadyExists && onCreate) {\n      filtered.push({\n        value: `${CREATE_PREFIX}${input}`,\n        label: createOptionLabel(input),\n        isCreate: true,\n      });\n    }\n    return filtered;\n  };\n}\n\n/**\n * A nested option is indented on its ROW; the label itself stays the bare name,\n * so the closed field never shows the tree drawing (see `depth`).\n */\nfunction renderIndentedOption(\n  props: React.HTMLAttributes<HTMLLIElement>,\n  option: InternalOption,\n): React.JSX.Element {\n  const { key, ...rest } = props as typeof props & { key?: string };\n  return (\n    <li\n      key={key ?? option.value}\n      {...rest}\n      style={{ paddingLeft: INDENT_STEP * (1 + (option.depth ?? 0)) }}\n    >\n      {option.label}\n    </li>\n  );\n}\n\n/** The text field Autocomplete renders, with the library's border + a loading adornment. */\nfunction renderField(\n  params: AutocompleteRenderInputParams,\n  field: {\n    inputId: string;\n    placeholder?: string;\n    error?: string;\n    loading: boolean;\n    size: SizeValue;\n    dataTestId: string;\n  },\n): React.JSX.Element {\n  return (\n    <TextField\n      {...params}\n      id={field.inputId}\n      placeholder={field.placeholder}\n      error={Boolean(field.error)}\n      size={MUI_SIZE[field.size]}\n      sx={fieldSx}\n      inputProps={{ ...params.inputProps, 'data-testid': `${field.dataTestId}-input` }}\n      slotProps={{\n        input: {\n          ...params.InputProps,\n          endAdornment: (\n            <>\n              {field.loading ? <CircularProgress color=\"inherit\" size={18} /> : null}\n              {params.InputProps.endAdornment}\n            </>\n          ),\n        },\n      }}\n    />\n  );\n}\n\n/**\n * The option list, plus the selected OBJECT MUI wants, from the controlled value.\n * `depth` is carried through: it is what {@link renderIndentedOption} draws.\n */\nfunction useInternalOptions(\n  options: CreatableSelectOption[],\n  value: string | null,\n): { items: InternalOption[]; selected: InternalOption | null } {\n  const items = useMemo<InternalOption[]>(\n    () => options.map(({ value: optionValue, label, depth }) => ({\n      value: optionValue,\n      label,\n      depth,\n    })),\n    [options],\n  );\n  const selected = useMemo<InternalOption | null>(\n    () => items.find((option) => option.value === value) ?? null,\n    [items, value],\n  );\n  return { items, selected };\n}\n\n/** Route a picked row: cleared, the synthetic create row, or a real option. */\nfunction handlePick(\n  next: InternalOption | null,\n  onChange: CreatableSelectProps['onChange'],\n  onCreate: CreatableSelectProps['onCreate'],\n): void {\n  if (!next) {\n    onChange(null);\n    return;\n  }\n  if (next.isCreate) {\n    void onCreate?.(next.value.slice(CREATE_PREFIX.length));\n    return;\n  }\n  onChange(next.value);\n}\n\n/**\n * A single-select, searchable combobox that can create a new option on the fly.\n *\n * Type to filter {@link CreatableSelectProps.options}; when the typed text matches\n * no option and {@link CreatableSelectProps.onCreate} is provided, a \"create\" row\n * appears and selecting it (Enter or click) calls `onCreate` with the raw text —\n * the parent persists it, then feeds the new option back via `options`/`value`.\n *\n * Chrome matches the library's other form fields: an external {@link FormLabel}\n * above the control (not a floating label), the same outlined border treatment as\n * {@link Input} and the same `sm`/`md` scale, so it lines up with sibling fields\n * in a grid row.\n */\nexport function CreatableSelect({\n  options,\n  value,\n  onChange,\n  onCreate,\n  label,\n  error,\n  placeholder,\n  createOptionLabel,\n  noOptionsText,\n  disabled = false,\n  loading = false,\n  fullWidth = true,\n  size = 'md',\n  dataTestId = 'creatable-select',\n}: CreatableSelectProps): React.JSX.Element {\n  const inputId = useId();\n  const { items, selected } = useInternalOptions(options, value);\n\n  return (\n    <FormControl fullWidth={fullWidth} error={Boolean(error)}>\n      {label && (\n        <FormLabel htmlFor={inputId} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <Autocomplete<InternalOption, false, false, false>\n        value={selected}\n        options={items}\n        disabled={disabled}\n        loading={loading}\n        fullWidth={fullWidth}\n        size={MUI_SIZE[size]}\n        handleHomeEndKeys\n        selectOnFocus\n        clearOnBlur\n        data-testid={dataTestId}\n        noOptionsText={noOptionsText}\n        // Lift the dropdown above stacked modals: the default popup z-index is\n        // `modal` (1300), but a stacked sheet at depth ≥2 sits at 1300 + depth*10,\n        // which would otherwise cover the options. The height is the token's\n        // now — this component used to be the only place the rule was written\n        // down, which is how `CategorySelect` came to be missing it (12-57).\n        slotProps={{ popper: { sx: { zIndex: stackedOverlayZIndex } } }}\n        getOptionLabel={(option) => (typeof option === 'string' ? option : option.label)}\n        isOptionEqualToValue={(option, current) => option.value === current.value}\n        renderOption={renderIndentedOption}\n        filterOptions={buildFilter(onCreate, createOptionLabel)}\n        onChange={(_event, next) => handlePick(next, onChange, onCreate)}\n        renderInput={(params) =>\n          renderField(params, { inputId, placeholder, error, loading, size, dataTestId })\n        }\n      />\n      {error && <FormMessage error dataTestId={`${dataTestId}-message`}>{error}</FormMessage>}\n    </FormControl>\n  );\n}\n"],"mappings":";;;;;;;;;;AAEA,SAAS,aAAa;AACtB,SAAS,cAAc,2BAA2B;AAElD,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAC1B,SAAS,OAAO,eAAe;AAyE3B,SAmCQ,UAnCR,KAmCQ,YAnCR;AA3DJ,IAAM,gBAAgB;AAEtB,IAAM,gBAAgB,oBAAoC;AAG1D,IAAM,cAAc;AAKpB,IAAM,WAAW,EAAE,IAAI,SAAS,IAAI,SAAS,IAAI,UAAU,IAAI,UAAU,IAAI,SAAS;AAGtF,IAAM,UAAU;AAAA,EACd,4BAA4B;AAAA,IAC1B,cAAc;AAAA,MACZ,aAAa,CAAC,UAA4C,MAAM,MAAM,QAAQ,SAAS,IAAI;AAAA,IAC7F;AAAA,IACA,oBAAoB,EAAE,aAAa,eAAe;AAAA,IAClD,0BAA0B,EAAE,aAAa,gBAAgB,aAAa,EAAE;AAAA,IACxE,wBAAwB,EAAE,aAAa,aAAa;AAAA,EACtD;AACF;AAMA,SAAS,YACP,UACA,mBACA;AACA,SAAO,CAAC,WAA6B,WAAqD;AACxF,UAAM,WAAW,cAAc,WAAW,MAA6C;AACvF,UAAM,QAAQ,OAAO,WAAW,KAAK;AACrC,UAAM,gBAAgB,UAAU;AAAA,MAC9B,CAAC,WAAW,OAAO,MAAM,YAAY,MAAM,MAAM,YAAY;AAAA,IAC/D;AACA,QAAI,SAAS,CAAC,iBAAiB,UAAU;AACvC,eAAS,KAAK;AAAA,QACZ,OAAO,GAAG,aAAa,GAAG,KAAK;AAAA,QAC/B,OAAO,kBAAkB,KAAK;AAAA,QAC9B,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT;AACF;AAMA,SAAS,qBACP,OACA,QACmB;AACnB,QAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MAEE,GAAG;AAAA,MACJ,OAAO,EAAE,aAAa,eAAe,KAAK,OAAO,SAAS,IAAI;AAAA,MAE7D,iBAAO;AAAA;AAAA,IAJH,OAAO,OAAO;AAAA,EAKrB;AAEJ;AAGA,SAAS,YACP,QACA,OAQmB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,IAAI,MAAM;AAAA,MACV,aAAa,MAAM;AAAA,MACnB,OAAO,QAAQ,MAAM,KAAK;AAAA,MAC1B,MAAM,SAAS,MAAM,IAAI;AAAA,MACzB,IAAI;AAAA,MACJ,YAAY,EAAE,GAAG,OAAO,YAAY,eAAe,GAAG,MAAM,UAAU,SAAS;AAAA,MAC/E,WAAW;AAAA,QACT,OAAO;AAAA,UACL,GAAG,OAAO;AAAA,UACV,cACE,iCACG;AAAA,kBAAM,UAAU,oBAAC,oBAAiB,OAAM,WAAU,MAAM,IAAI,IAAK;AAAA,YACjE,OAAO,WAAW;AAAA,aACrB;AAAA,QAEJ;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAMA,SAAS,mBACP,SACA,OAC8D;AAC9D,QAAM,QAAQ;AAAA,IACZ,MAAM,QAAQ,IAAI,CAAC,EAAE,OAAO,aAAa,OAAO,MAAM,OAAO;AAAA,MAC3D,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACF,EAAE;AAAA,IACF,CAAC,OAAO;AAAA,EACV;AACA,QAAM,WAAW;AAAA,IACf,MAAM,MAAM,KAAK,CAAC,WAAW,OAAO,UAAU,KAAK,KAAK;AAAA,IACxD,CAAC,OAAO,KAAK;AAAA,EACf;AACA,SAAO,EAAE,OAAO,SAAS;AAC3B;AAGA,SAAS,WACP,MACA,UACA,UACM;AACN,MAAI,CAAC,MAAM;AACT,aAAS,IAAI;AACb;AAAA,EACF;AACA,MAAI,KAAK,UAAU;AACjB,SAAK,WAAW,KAAK,MAAM,MAAM,cAAc,MAAM,CAAC;AACtD;AAAA,EACF;AACA,WAAS,KAAK,KAAK;AACrB;AAeO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,aAAa;AACf,GAA4C;AAC1C,QAAM,UAAU,MAAM;AACtB,QAAM,EAAE,OAAO,SAAS,IAAI,mBAAmB,SAAS,KAAK;AAE7D,SACE,qBAAC,eAAY,WAAsB,OAAO,QAAQ,KAAK,GACpD;AAAA,aACC,oBAAC,aAAU,SAAS,SAAS,OAAO,QAAQ,KAAK,GAC9C,iBACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM,SAAS,IAAI;AAAA,QACnB,mBAAiB;AAAA,QACjB,eAAa;AAAA,QACb,aAAW;AAAA,QACX,eAAa;AAAA,QACb;AAAA,QAMA,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,qBAAqB,EAAE,EAAE;AAAA,QAC9D,gBAAgB,CAAC,WAAY,OAAO,WAAW,WAAW,SAAS,OAAO;AAAA,QAC1E,sBAAsB,CAAC,QAAQ,YAAY,OAAO,UAAU,QAAQ;AAAA,QACpE,cAAc;AAAA,QACd,eAAe,YAAY,UAAU,iBAAiB;AAAA,QACtD,UAAU,CAAC,QAAQ,SAAS,WAAW,MAAM,UAAU,QAAQ;AAAA,QAC/D,aAAa,CAAC,WACZ,YAAY,QAAQ,EAAE,SAAS,aAAa,OAAO,SAAS,MAAM,WAAW,CAAC;AAAA;AAAA,IAElF;AAAA,IACC,SAAS,oBAAC,eAAY,OAAK,MAAC,YAAY,GAAG,UAAU,YAAa,iBAAM;AAAA,KAC3E;AAEJ;","names":[]}