@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-EFVOT3G5.js

@@ -1,96 +0,0 @@
-import {
-  otpSlotSx
-} from "./chunk-GE2EKMDT.js";
-import {
-  useOtpDigits
-} from "./chunk-UETHX57J.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/InputOTP/InputOTP.tsx
-import Box from "@mui/material/Box/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledOTPInput = styled(TextField, {
-  shouldForwardProp: (prop) => !["customColor", "customSize", "glass", "gradient"].includes(prop)
-})(({ theme, ...flags }) => ({ ...otpSlotSx(theme, flags) }));
-var DEFAULTS = {
-  variant: "numeric",
-  color: "primary",
-  size: "md",
-  length: 6,
-  value: "",
-  glass: false,
-  gradient: false,
-  autoFocus: false,
-  error: false,
-  disabled: false
-};
-var InputOTP = forwardRef((props, ref) => {
-  const {
-    variant,
-    color,
-    size,
-    length,
-    value,
-    onChange,
-    onComplete,
-    glass,
-    gradient,
-    autoFocus,
-    error,
-    disabled,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const { digits, inputRefs, handleInputChange, handleKeyDown, handlePaste } = useOtpDigits({
-    variant,
-    length,
-    value,
-    onChange,
-    onComplete
-  });
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ref,
-      "data-testid": dataTestId,
-      sx: { display: "flex", gap: 1, justifyContent: "center", alignItems: "center" },
-      ...rest,
-      children: digits.map((digit, index) => /* @__PURE__ */ jsx(
-        StyledOTPInput,
-        {
-          ref: (el) => {
-            inputRefs.current[index] = el?.querySelector("input") || null;
-          },
-          customColor: color,
-          customSize: size,
-          glass,
-          gradient,
-          value: variant === "masked" ? digit ? "\u2022" : "" : digit,
-          onChange: (e) => handleInputChange(index, e.target.value),
-          onKeyDown: (e) => handleKeyDown(index, e),
-          onPaste: index === 0 ? handlePaste : void 0,
-          autoFocus: autoFocus && index === 0,
-          error,
-          disabled,
-          inputProps: {
-            maxLength: 1,
-            style: { textAlign: "center" },
-            "data-testid": dataTestId ? `${dataTestId}-slot-${index}` : void 0
-          }
-        },
-        index
-      ))
-    }
-  );
-});
-InputOTP.displayName = "InputOTP";
-
-export {
-  InputOTP
-};
-//# sourceMappingURL=chunk-EFVOT3G5.js.map

package/dist/chunk-EXZSHZRS.js

@@ -1,39 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  Select
-} from "./chunk-JCBIPBGZ.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-2HVNPWFV.js";
-
-// src/components/form/total-form/Fields/SelectField.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function SelectField({ name, options, label, placeholder }) {
-  const { values, errors, setFieldValue } = useFormContext();
-  const error = errors[name];
-  const testId = `total-form-field-${name}`;
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      Select,
-      {
-        options,
-        placeholder,
-        value: values[name] ?? "",
-        error: Boolean(error),
-        "data-testid": testId,
-        onChange: (event) => setFieldValue(name, String(event.target.value))
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
-  ] });
-}
-
-export {
-  SelectField
-};
-//# sourceMappingURL=chunk-EXZSHZRS.js.map

package/dist/chunk-F52N6ACD.js

@@ -1,46 +0,0 @@
-// src/components/data-display/Sheet/Sheet.animations.ts
-import { keyframes } from "@mui/material/styles/index.js";
-var SPRING_CONFIG = {
-  tension: 200,
-  friction: 25,
-  velocity: 0
-};
-var DEFAULT_VELOCITY_THRESHOLD = 0.5;
-var DEFAULT_DRAG_RESISTANCE = 0.3;
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0.4);
-  }
-  70% {
-    box-shadow: 0 0 0 20px rgba(var(--pulse-color), 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0);
-  }
-`;
-var shimmerAnimation = keyframes`
-  0% {
-    background-position: -1000px 0;
-  }
-  100% {
-    background-position: 1000px 0;
-  }
-`;
-var glowAnimation = keyframes`
-  0%, 100% {
-    box-shadow: 0 0 20px 5px rgba(var(--glow-color), 0.3);
-  }
-  50% {
-    box-shadow: 0 0 35px 10px rgba(var(--glow-color), 0.5);
-  }
-`;
-
-export {
-  SPRING_CONFIG,
-  DEFAULT_VELOCITY_THRESHOLD,
-  DEFAULT_DRAG_RESISTANCE,
-  pulseAnimation,
-  shimmerAnimation,
-  glowAnimation
-};
-//# sourceMappingURL=chunk-F52N6ACD.js.map

package/dist/chunk-F52N6ACD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.animations.ts"],"sourcesContent":["import { keyframes } from '@mui/material/styles/index.js';\n\n/** Spring physics used by the draggable variant's snap-point animation. */\nexport const SPRING_CONFIG = {\n  tension: 200,\n  friction: 25,\n  velocity: 0,\n};\n\n/** Velocity threshold for snap detection (pixels per millisecond). */\nexport const DEFAULT_VELOCITY_THRESHOLD = 0.5;\n\n/** Drag resistance factor applied past the first and last snap points. */\nexport const DEFAULT_DRAG_RESISTANCE = 0.3;\n\nexport const pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 20px rgba(var(--pulse-color), 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0);\n  }\n`;\n\nexport const shimmerAnimation = keyframes`\n  0% {\n    background-position: -1000px 0;\n  }\n  100% {\n    background-position: 1000px 0;\n  }\n`;\n\nexport const glowAnimation = keyframes`\n  0%, 100% {\n    box-shadow: 0 0 20px 5px rgba(var(--glow-color), 0.3);\n  }\n  50% {\n    box-shadow: 0 0 35px 10px rgba(var(--glow-color), 0.5);\n  }\n`;\n"],"mappings":";AAAA,SAAS,iBAAiB;AAGnB,IAAM,gBAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AACZ;AAGO,IAAM,6BAA6B;AAGnC,IAAM,0BAA0B;AAEhC,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/chunk-F5KEWLZK.js

@@ -1,68 +0,0 @@
-import {
-  ErrorState
-} from "./chunk-DZHN5FFX.js";
-import {
-  LoadingState
-} from "./chunk-QO6QWBDI.js";
-import {
-  EmptyState
-} from "./chunk-MZMGQKT3.js";
-
-// src/components/data-display/AsyncStateContainer/AsyncStateContainer.tsx
-import Box from "@mui/material/Box/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var StateBox = ({ state, className, dataTestId, children }) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    className,
-    "data-testid": dataTestId || "async-state-container",
-    "data-state": state,
-    children
-  }
-);
-var errorMessageOf = (error) => {
-  if (!error) return "";
-  if (typeof error === "string") return error;
-  if (error instanceof Error) return error.message;
-  return "An unexpected error occurred";
-};
-var pickNode = (node, render, fallback) => node || render?.() || fallback;
-var AsyncStateContainer = React.memo(
-  ({
-    isLoading = false,
-    error,
-    isEmpty = false,
-    children,
-    loadingComponent,
-    renderLoading,
-    errorComponent,
-    renderError,
-    emptyComponent,
-    emptyTitle,
-    renderEmpty,
-    className,
-    dataTestId
-  }) => {
-    const box = { className, dataTestId };
-    if (isLoading) {
-      return /* @__PURE__ */ jsx(StateBox, { state: "loading", ...box, children: pickNode(loadingComponent, renderLoading, /* @__PURE__ */ jsx(LoadingState, {})) });
-    }
-    if (error) {
-      const message = errorMessageOf(error);
-      return /* @__PURE__ */ jsx(StateBox, { state: "error", ...box, children: errorComponent || renderError?.(message) || /* @__PURE__ */ jsx(ErrorState, { message }) });
-    }
-    if (isEmpty) {
-      return /* @__PURE__ */ jsx(StateBox, { state: "empty", ...box, children: pickNode(emptyComponent, renderEmpty, /* @__PURE__ */ jsx(EmptyState, { title: emptyTitle })) });
-    }
-    return /* @__PURE__ */ jsx(StateBox, { state: "success", ...box, children });
-  }
-);
-AsyncStateContainer.displayName = "AsyncStateContainer";
-var AsyncStateContainer_default = AsyncStateContainer;
-
-export {
-  AsyncStateContainer,
-  AsyncStateContainer_default
-};
-//# sourceMappingURL=chunk-F5KEWLZK.js.map

package/dist/chunk-F7HQVKIR.js

@@ -1,223 +0,0 @@
-import {
-  ClearAllControl,
-  CloseSearchControl
-} from "./chunk-X4F32GUB.js";
-import {
-  PillControl
-} from "./chunk-SN2YMCTL.js";
-import {
-  MoreFilters
-} from "./chunk-VR3U4QA5.js";
-import {
-  RangePill
-} from "./chunk-Y2E73IG2.js";
-import {
-  CollapsedSearch,
-  InlineKeyword
-} from "./chunk-Z35J5B6D.js";
-
-// src/components/data-display/DataViews/data-views-inline-bar.tsx
-import Box from "@mui/material/Box/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SearchSlot({
-  search,
-  onSearchChange,
-  collapsed,
-  expanded,
-  fill,
-  onOpen,
-  onEscape,
-  testIdPrefix
-}) {
-  if (collapsed) {
-    return /* @__PURE__ */ jsx(CollapsedSearch, { active: search !== "", onOpen, testId: `${testIdPrefix}-search-all` });
-  }
-  return /* @__PURE__ */ jsx(
-    InlineKeyword,
-    {
-      value: search,
-      onChange: onSearchChange,
-      testId: `${testIdPrefix}-search-all`,
-      autoFocus: expanded,
-      onEscape,
-      fill
-    }
-  );
-}
-function InlineControl({
-  field,
-  pills,
-  ranges,
-  onTogglePill,
-  onChangeRange,
-  onClearField,
-  onOpenChange,
-  testIdPrefix
-}) {
-  if (field.group === "pill" && field.pill) {
-    return /* @__PURE__ */ jsx(
-      PillControl,
-      {
-        fieldId: field.id,
-        pill: field.pill,
-        selected: pills[field.id] ?? [],
-        onTogglePill,
-        onClearField,
-        onOpenChange,
-        testIdPrefix
-      }
-    );
-  }
-  if (field.group === "range" && field.range) {
-    return /* @__PURE__ */ jsx(
-      RangePill,
-      {
-        field: field.range,
-        value: ranges[field.id] ?? {},
-        onChange: (range) => onChangeRange(field.id, range),
-        onOpenChange,
-        testIdPrefix
-      }
-    );
-  }
-  return null;
-}
-function useSearchMode(split) {
-  const [searchOpen, setSearchOpen] = useState(false);
-  return {
-    showBox: !split.searchCollapsed || searchOpen,
-    expanded: searchOpen,
-    fill: split.searchCollapsed && searchOpen,
-    takesOver: searchOpen && split.searchTakeover,
-    open: () => setSearchOpen(true),
-    close: () => setSearchOpen(false)
-  };
-}
-function InlineFilterControls({
-  testIdPrefix,
-  pills,
-  ranges,
-  search,
-  onSearchChange,
-  onTogglePill,
-  onChangeRange,
-  onClearField,
-  split,
-  onClearAll,
-  activeFilterCount,
-  onControlOpenChange
-}) {
-  const { inline, overflow, compactControls, clearAllHidden } = split;
-  const { showBox, expanded, fill, takesOver, open, close } = useSearchMode(split);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": `${testIdPrefix}-inline-filters`,
-      sx: {
-        display: "flex",
-        flexWrap: "nowrap",
-        alignItems: "center",
-        gap: 1,
-        minWidth: 0,
-        // No squeezing: if the estimate over-packs, the row must overflow (and
-        // the next measure sheds a control), not shrink labels to an ellipsis.
-        "& > *": { flexShrink: 0 }
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          SearchSlot,
-          {
-            search,
-            onSearchChange,
-            collapsed: !showBox,
-            expanded,
-            fill,
-            onOpen: open,
-            onEscape: close,
-            testIdPrefix
-          }
-        ),
-        takesOver && /* @__PURE__ */ jsx(CloseSearchControl, { onClose: close, testIdPrefix }),
-        !takesOver && /* @__PURE__ */ jsx(
-          FilterSlots,
-          {
-            inline,
-            overflow,
-            pills,
-            ranges,
-            onTogglePill,
-            onChangeRange,
-            onClearField,
-            onClearAll,
-            onControlOpenChange,
-            activeFilterCount,
-            compactControls,
-            clearAllHidden,
-            testIdPrefix
-          }
-        )
-      ]
-    }
-  );
-}
-function FilterSlots({
-  inline,
-  overflow,
-  pills,
-  ranges,
-  onTogglePill,
-  onChangeRange,
-  onClearField,
-  onClearAll,
-  onControlOpenChange,
-  activeFilterCount,
-  compactControls,
-  clearAllHidden,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    inline.map((field) => /* @__PURE__ */ jsx(
-      InlineControl,
-      {
-        field,
-        onOpenChange: onControlOpenChange,
-        pills,
-        ranges,
-        onTogglePill,
-        onChangeRange,
-        onClearField,
-        testIdPrefix
-      },
-      field.id
-    )),
-    /* @__PURE__ */ jsx(
-      MoreFilters,
-      {
-        onOpenChange: onControlOpenChange,
-        onClearAll,
-        anyApplied: activeFilterCount > 0,
-        compact: compactControls,
-        fields: overflow,
-        pills,
-        ranges,
-        onTogglePill,
-        onChangeRange,
-        testIdPrefix
-      }
-    ),
-    activeFilterCount > 0 && !clearAllHidden && /* @__PURE__ */ jsx(
-      ClearAllControl,
-      {
-        onClearAll,
-        compact: compactControls,
-        testIdPrefix
-      }
-    )
-  ] });
-}
-
-export {
-  InlineFilterControls
-};
-//# sourceMappingURL=chunk-F7HQVKIR.js.map

package/dist/chunk-FXNYV5Z6.js

@@ -1,125 +0,0 @@
-import {
-  Input
-} from "./chunk-IBGX6H4J.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-2HVNPWFV.js";
-
-// src/components/form/CepField/CepField.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
-import { cepDigits, formatCep, isValidCep } from "@12-apps/forms-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-function useCepLookup({
-  digits,
-  complete,
-  disabled,
-  debounceMs,
-  onLookup,
-  onResolved,
-  onNotFound
-}) {
-  const [status, setStatus] = useState("idle");
-  const lastQueriedRef = useRef("");
-  const seqRef = useRef(0);
-  const lookupRef = useRef(onLookup);
-  const resolvedRef = useRef(onResolved);
-  const notFoundRef = useRef(onNotFound);
-  lookupRef.current = onLookup;
-  resolvedRef.current = onResolved;
-  notFoundRef.current = onNotFound;
-  useEffect(() => {
-    if (!complete || disabled || !lookupRef.current) {
-      seqRef.current += 1;
-      setStatus("idle");
-      lastQueriedRef.current = "";
-      return;
-    }
-    if (lastQueriedRef.current === digits) return;
-    const mySeq = seqRef.current += 1;
-    const handle = setTimeout(() => {
-      lastQueriedRef.current = digits;
-      setStatus("loading");
-      void (async () => {
-        const address = await Promise.resolve().then(() => lookupRef.current?.(digits)).catch(() => null);
-        if (seqRef.current !== mySeq) return;
-        setStatus(address ? "found" : "notfound");
-        if (address) resolvedRef.current?.(address);
-        else notFoundRef.current?.();
-      })();
-    }, debounceMs);
-    return () => clearTimeout(handle);
-  }, [digits, complete, disabled, debounceMs]);
-  return status;
-}
-function CepStatus({
-  status,
-  testId,
-  suppressed,
-  copy
-}) {
-  const visible = !suppressed && status !== "idle";
-  return /* @__PURE__ */ jsx("span", { id: `${testId}-status`, role: "status", "aria-live": "polite", children: visible && /* @__PURE__ */ jsx(FormMessage, { error: status === "notfound", dataTestId: `${testId}-${status}`, children: copy[status] }) });
-}
-function CepField({
-  value,
-  onChange,
-  onLookup,
-  onResolved,
-  onNotFound,
-  label = "CEP",
-  placeholder = "00000-000",
-  error,
-  disabled = false,
-  debounceMs = 500,
-  name = "postalCode",
-  dataTestId,
-  copy
-}) {
-  const testId = dataTestId ?? `cep-field-${name}`;
-  const status = useCepLookup({
-    digits: cepDigits(value),
-    complete: isValidCep(value),
-    disabled,
-    debounceMs,
-    onLookup,
-    onResolved,
-    onNotFound
-  });
-  const handleChange = useCallback(
-    (event) => onChange(formatCep(event.target.value)),
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        id: name,
-        name,
-        type: "text",
-        inputMode: "numeric",
-        autoComplete: "postal-code",
-        placeholder,
-        value,
-        error: Boolean(error),
-        disabled,
-        loading: status === "loading",
-        onChange: handleChange,
-        "data-testid": testId,
-        "aria-describedby": `${testId}-status`,
-        "aria-busy": status === "loading"
-      }
-    ),
-    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error }),
-    /* @__PURE__ */ jsx(CepStatus, { status, testId, suppressed: Boolean(error), copy })
-  ] });
-}
-var CepField_default = CepField;
-
-export {
-  CepField,
-  CepField_default
-};
-//# sourceMappingURL=chunk-FXNYV5Z6.js.map

package/dist/chunk-GE2EKMDT.js

@@ -1,90 +0,0 @@
-import {
-  asFieldSize,
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-import {
-  absoluteInk,
-  controlNeutral
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/form/InputOTP/InputOTP.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var neutralPalette = (theme) => controlNeutral(theme);
-var namedPalette = (theme, color) => {
-  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 colorMap[color] || theme.palette.primary;
-};
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return neutralPalette(theme);
-  }
-  const palette = namedPalette(theme, color);
-  const { primary } = theme.palette;
-  return {
-    main: palette.main || primary.main,
-    dark: palette.dark || palette.main || primary.dark,
-    light: palette.light || palette.main || primary.light,
-    contrastText: palette.contrastText || absoluteInk(theme).white
-  };
-};
-var SIZES = {
-  xs: { fontPx: 12 },
-  sm: { fontPx: 14 },
-  md: { fontPx: 16 },
-  lg: { fontPx: 18 },
-  xl: { fontPx: 20 }
-};
-var otpSlotSx = (theme, flags) => {
-  const { customColor = "primary", customSize = "md", glass, gradient } = flags;
-  const palette = getColorFromTheme(theme, customColor);
-  const { fontPx } = SIZES[customSize] ?? SIZES.md;
-  const side = fieldHeight(theme, asFieldSize(customSize));
-  return {
-    width: side,
-    height: side,
-    "& .MuiOutlinedInput-root": {
-      width: side,
-      height: side,
-      fontSize: rem(theme, fontPx),
-      fontWeight: 600,
-      textAlign: "center",
-      borderRadius: fieldRadius(theme),
-      ...glass && {
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        "& fieldset": { border: `1px solid ${fieldEdge(theme)}` }
-      },
-      ...gradient && {
-        "&.Mui-focused fieldset": {
-          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,
-          borderWidth: "2px"
-        }
-      },
-      "& input": { textAlign: "center", padding: 0, fontWeight: "inherit" },
-      ...!glass && { "& fieldset": { borderColor: fieldEdge(theme) } },
-      "&:hover fieldset": { borderColor: palette.main },
-      "&.Mui-focused fieldset": { borderColor: palette.main, borderWidth: "2px" }
-    }
-  };
-};
-
-export {
-  otpSlotSx
-};
-//# sourceMappingURL=chunk-GE2EKMDT.js.map