@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-FCOEJCUP.js

@@ -1,332 +0,0 @@
-import {
-  fieldEdge
-} from "./chunk-MLOWPVVW.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-FCOEJCUP.js.map

package/dist/chunk-FS4X3VDA.js

@@ -1,78 +0,0 @@
-// src/components/data-display/Chip/Chip.helpers.tsx
-import Avatar from "@mui/material/Avatar/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `chip-${suffix}`;
-var DELETE_KEYS = /* @__PURE__ */ new Set(["Delete", "Backspace"]);
-var ACTIVATE_KEYS = /* @__PURE__ */ new Set(["Enter", " "]);
-var makeKeyDownHandler = ({ disabled, deletable, selectable, onClick, onDelete }) => (event) => {
-  if (disabled) return;
-  if (DELETE_KEYS.has(event.key) && deletable && onDelete) {
-    event.preventDefault();
-    onDelete();
-    return;
-  }
-  if (ACTIVATE_KEYS.has(event.key) && (onClick || selectable)) {
-    event.preventDefault();
-    onClick?.();
-  }
-};
-var avatarFor = (avatar, avatarSrc) => {
-  if (avatar && React.isValidElement(avatar)) {
-    return avatar;
-  }
-  if (avatarSrc) {
-    return /* @__PURE__ */ jsx(Avatar, { src: avatarSrc, sx: { width: 24, height: 24 } });
-  }
-  return void 0;
-};
-var chipStyles = ({
-  variant,
-  selected,
-  clickable,
-  disabled
-}) => {
-  const lifts = clickable && !disabled;
-  return {
-    // Enhanced styling for outlined variant
-    ...variant === "outlined" && {
-      borderWidth: "1px",
-      borderStyle: "solid",
-      backgroundColor: "transparent"
-    },
-    ...selected && variant === "outlined" && {
-      backgroundColor: (theme) => theme.palette.action.selected
-    },
-    "&:hover": {
-      ...lifts && {
-        transform: "translateY(-1px)",
-        boxShadow: (theme) => theme.palette.mode === "dark" ? "0 4px 12px rgba(0, 0, 0, 0.3)" : "0 4px 12px rgba(0, 0, 0, 0.15)"
-      }
-    },
-    "&:active": {
-      ...lifts && {
-        transform: "translateY(0px)"
-      }
-    },
-    transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)"
-  };
-};
-var chipRole = (selectable, onClick) => {
-  if (selectable) return "option";
-  return onClick ? "button" : void 0;
-};
-var isClickable = (disabled, onClick, selectable) => !disabled && (Boolean(onClick) || Boolean(selectable));
-var iconWithTestId = (icon, testId) => icon && React.isValidElement(icon) ? React.cloneElement(icon, {
-  "data-testid": testId
-}) : void 0;
-
-export {
-  makeTestId,
-  makeKeyDownHandler,
-  avatarFor,
-  chipStyles,
-  chipRole,
-  isClickable,
-  iconWithTestId
-};
-//# sourceMappingURL=chunk-FS4X3VDA.js.map

package/dist/chunk-FS4X3VDA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Chip/Chip.helpers.tsx"],"sourcesContent":["import Avatar from '@mui/material/Avatar/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport type { KeyboardEvent, ReactElement } from 'react';\nimport React from 'react';\n\nimport type { ChipProps } from './Chip.types';\n\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `chip-${suffix}`;\n\ninterface KeyHandlerArgs {\n  disabled?: boolean;\n  deletable?: boolean;\n  selectable?: boolean;\n  onClick?: () => void;\n  onDelete?: () => void;\n}\n\nconst DELETE_KEYS = new Set(['Delete', 'Backspace']);\nconst ACTIVATE_KEYS = new Set(['Enter', ' ']);\n\n/**\n * A chip is not a native control, so the two keyboard conventions it stands in for\n * are wired by hand: Delete/Backspace removes it, Enter/Space activates it.\n */\nexport const makeKeyDownHandler =\n  ({ disabled, deletable, selectable, onClick, onDelete }: KeyHandlerArgs) =>\n  (event: KeyboardEvent): void => {\n    if (disabled) return;\n\n    if (DELETE_KEYS.has(event.key) && deletable && onDelete) {\n      event.preventDefault();\n      onDelete();\n      return;\n    }\n\n    if (ACTIVATE_KEYS.has(event.key) && (onClick || selectable)) {\n      event.preventDefault();\n      onClick?.();\n    }\n  };\n\nexport const avatarFor = (\n  avatar: ChipProps['avatar'],\n  avatarSrc?: string,\n): ReactElement | undefined => {\n  if (avatar && React.isValidElement(avatar)) {\n    return avatar;\n  }\n  if (avatarSrc) {\n    return <Avatar src={avatarSrc} sx={{ width: 24, height: 24 }} />;\n  }\n  return undefined;\n};\n\ninterface ChipStyleArgs {\n  variant: ChipProps['variant'];\n  selected?: boolean;\n  clickable?: boolean;\n  disabled?: boolean;\n}\n\n/**\n * Selection styling uses SEMANTIC palette tokens (not hardcoded rgba). A filled\n * selected chip keeps MUI's solid `color.main` + contrast text (clear active\n * state); an outlined selected chip gets a subtle theme-driven `action.selected`\n * tint so it reads as active without muddying the fill.\n */\nexport const chipStyles = ({\n  variant,\n  selected,\n  clickable,\n  disabled,\n}: ChipStyleArgs): SxProps<Theme> => {\n  const lifts = clickable && !disabled;\n\n  return {\n    // Enhanced styling for outlined variant\n    ...(variant === 'outlined' && {\n      borderWidth: '1px',\n      borderStyle: 'solid',\n      backgroundColor: 'transparent',\n    }),\n    ...(selected &&\n      variant === 'outlined' && {\n        backgroundColor: (theme: Theme) => theme.palette.action.selected,\n      }),\n    '&:hover': {\n      ...(lifts && {\n        transform: 'translateY(-1px)',\n        boxShadow: (theme: Theme) =>\n          theme.palette.mode === 'dark'\n            ? '0 4px 12px rgba(0, 0, 0, 0.3)'\n            : '0 4px 12px rgba(0, 0, 0, 0.15)',\n      }),\n    },\n    '&:active': {\n      ...(lifts && {\n        transform: 'translateY(0px)',\n      }),\n    },\n    transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',\n  };\n};\n\n/** `option` when the chip belongs to a selectable set, `button` when it merely acts. */\nexport const chipRole = (\n  selectable?: boolean,\n  onClick?: () => void,\n): 'option' | 'button' | undefined => {\n  if (selectable) return 'option';\n  return onClick ? 'button' : undefined;\n};\n\nexport const isClickable = (\n  disabled?: boolean,\n  onClick?: () => void,\n  selectable?: boolean,\n): boolean => !disabled && (Boolean(onClick) || Boolean(selectable));\n\nexport const iconWithTestId = (\n  icon: ChipProps['icon'],\n  testId: string,\n): ReactElement | undefined =>\n  icon && React.isValidElement(icon)\n    ? React.cloneElement(icon as ReactElement, {\n        'data-testid': testId,\n      } as Record<string, unknown>)\n    : undefined;\n"],"mappings":";AAAA,OAAO,YAAY;AAGnB,OAAO,WAAW;AAiDP;AA7CJ,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,QAAQ,MAAM;AAU3D,IAAM,cAAc,oBAAI,IAAI,CAAC,UAAU,WAAW,CAAC;AACnD,IAAM,gBAAgB,oBAAI,IAAI,CAAC,SAAS,GAAG,CAAC;AAMrC,IAAM,qBACX,CAAC,EAAE,UAAU,WAAW,YAAY,SAAS,SAAS,MACtD,CAAC,UAA+B;AAC9B,MAAI,SAAU;AAEd,MAAI,YAAY,IAAI,MAAM,GAAG,KAAK,aAAa,UAAU;AACvD,UAAM,eAAe;AACrB,aAAS;AACT;AAAA,EACF;AAEA,MAAI,cAAc,IAAI,MAAM,GAAG,MAAM,WAAW,aAAa;AAC3D,UAAM,eAAe;AACrB,cAAU;AAAA,EACZ;AACF;AAEK,IAAM,YAAY,CACvB,QACA,cAC6B;AAC7B,MAAI,UAAU,MAAM,eAAe,MAAM,GAAG;AAC1C,WAAO;AAAA,EACT;AACA,MAAI,WAAW;AACb,WAAO,oBAAC,UAAO,KAAK,WAAW,IAAI,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG;AAAA,EAChE;AACA,SAAO;AACT;AAeO,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqC;AACnC,QAAM,QAAQ,aAAa,CAAC;AAE5B,SAAO;AAAA;AAAA,IAEL,GAAI,YAAY,cAAc;AAAA,MAC5B,aAAa;AAAA,MACb,aAAa;AAAA,MACb,iBAAiB;AAAA,IACnB;AAAA,IACA,GAAI,YACF,YAAY,cAAc;AAAA,MACxB,iBAAiB,CAAC,UAAiB,MAAM,QAAQ,OAAO;AAAA,IAC1D;AAAA,IACF,WAAW;AAAA,MACT,GAAI,SAAS;AAAA,QACX,WAAW;AAAA,QACX,WAAW,CAAC,UACV,MAAM,QAAQ,SAAS,SACnB,kCACA;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,GAAI,SAAS;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,YAAY;AAAA,EACd;AACF;AAGO,IAAM,WAAW,CACtB,YACA,YACoC;AACpC,MAAI,WAAY,QAAO;AACvB,SAAO,UAAU,WAAW;AAC9B;AAEO,IAAM,cAAc,CACzB,UACA,SACA,eACY,CAAC,aAAa,QAAQ,OAAO,KAAK,QAAQ,UAAU;AAE3D,IAAM,iBAAiB,CAC5B,MACA,WAEA,QAAQ,MAAM,eAAe,IAAI,IAC7B,MAAM,aAAa,MAAsB;AAAA,EACvC,eAAe;AACjB,CAA4B,IAC5B;","names":[]}

package/dist/chunk-FWCUELBU.js

@@ -1,125 +0,0 @@
-import {
-  Input
-} from "./chunk-M3RIC6JI.js";
-import {
-  FormControl,
-  FormLabel,
-  FormMessage
-} from "./chunk-IPPTOL53.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-FWCUELBU.js.map

package/dist/chunk-FX5DY6VR.js

@@ -1,114 +0,0 @@
-import {
-  LabelContainer,
-  SwitchControl,
-  SwitchHelper,
-  SwitchLabel
-} from "./chunk-Q5EQC7NL.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/Switch/Switch.tsx
-import Box from "@mui/material/Box/index.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "default",
-  color: "primary",
-  size: "md",
-  glow: false,
-  glass: false,
-  gradient: false,
-  labelPosition: "end",
-  error: false,
-  animated: true,
-  loading: false,
-  ripple: false,
-  pulse: false
-};
-var Switch = forwardRef((props, ref) => {
-  const {
-    variant,
-    color,
-    size,
-    label,
-    description,
-    glow,
-    glass,
-    gradient,
-    labelPosition,
-    onIcon,
-    offIcon,
-    onText,
-    offText,
-    error,
-    helperText,
-    trackWidth,
-    trackHeight,
-    checked,
-    onChange,
-    animated,
-    loading,
-    ripple,
-    pulse,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const containerTestId = dataTestId ? `${dataTestId}-container` : "switch-container";
-  const control = /* @__PURE__ */ jsx(
-    SwitchControl,
-    {
-      customVariant: variant,
-      customColor: color,
-      customSize: size,
-      glow,
-      glass,
-      gradient,
-      trackWidth,
-      trackHeight,
-      onText,
-      offText,
-      loading,
-      ripple,
-      pulse,
-      checked,
-      onChange,
-      onIcon,
-      offIcon,
-      animated,
-      size,
-      dataTestId,
-      switchRef: ref,
-      rest
-    }
-  );
-  const helper = /* @__PURE__ */ jsx(SwitchHelper, { helperText, error, dataTestId });
-  if (!label) {
-    return /* @__PURE__ */ jsxs(Box, { "data-testid": containerTestId, children: [
-      control,
-      helper
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": containerTestId, children: [
-    /* @__PURE__ */ jsxs(LabelContainer, { labelPosition, error, children: [
-      labelPosition === "start" && control,
-      /* @__PURE__ */ jsx(
-        SwitchLabel,
-        {
-          label,
-          description,
-          error,
-          dataTestId
-        }
-      ),
-      labelPosition !== "start" && control
-    ] }),
-    helper
-  ] });
-});
-Switch.displayName = "Switch";
-
-export {
-  Switch
-};
-//# sourceMappingURL=chunk-FX5DY6VR.js.map

package/dist/chunk-FX5DY6VR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Switch/Switch.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport React, { forwardRef } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport {\n  LabelContainer,\n  SwitchControl,\n  SwitchHelper,\n  SwitchLabel,\n} from './Switch.parts';\nimport type { SwitchProps } from './Switch.types';\n\nconst DEFAULTS = {\n  variant: 'default',\n  color: 'primary',\n  size: 'md',\n  glow: false,\n  glass: false,\n  gradient: false,\n  labelPosition: 'end',\n  error: false,\n  animated: true,\n  loading: false,\n  ripple: false,\n  pulse: false,\n} satisfies Partial<SwitchProps>;\n\ntype ResolvedProps = SwitchProps & Required<Pick<SwitchProps, keyof typeof DEFAULTS>>;\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, ref) => {\n  const {\n    variant, color, size, label, description, glow, glass, gradient, labelPosition,\n    onIcon, offIcon, onText, offText, error, helperText, trackWidth, trackHeight,\n    checked, onChange, animated, loading, ripple, pulse, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const containerTestId = dataTestId ? `${dataTestId}-container` : 'switch-container';\n\n  const control = (\n    <SwitchControl\n      customVariant={variant}\n      customColor={color}\n      customSize={size}\n      glow={glow}\n      glass={glass}\n      gradient={gradient}\n      trackWidth={trackWidth}\n      trackHeight={trackHeight}\n      onText={onText}\n      offText={offText}\n      loading={loading}\n      ripple={ripple}\n      pulse={pulse}\n      checked={checked}\n      onChange={onChange}\n      onIcon={onIcon}\n      offIcon={offIcon}\n      animated={animated}\n      size={size}\n      dataTestId={dataTestId}\n      switchRef={ref}\n      rest={rest}\n    />\n  );\n\n  const helper = <SwitchHelper helperText={helperText} error={error} dataTestId={dataTestId} />;\n\n  if (!label) {\n    return (\n      <Box data-testid={containerTestId}>\n        {control}\n        {helper}\n      </Box>\n    );\n  }\n\n  return (\n    <Box data-testid={containerTestId}>\n      <LabelContainer labelPosition={labelPosition} error={error}>\n        {labelPosition === 'start' && control}\n\n        <SwitchLabel\n          label={label}\n          description={description}\n          error={error}\n          dataTestId={dataTestId}\n        />\n\n        {labelPosition !== 'start' && control}\n      </LabelContainer>\n\n      {helper}\n    </Box>\n  );\n});\n\nSwitch.displayName = 'Switch';\n"],"mappings":";;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAgB,kBAAkB;AAwC9B,cA8BE,YA9BF;AA5BJ,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,eAAe;AAAA,EACf,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AACT;AAIO,IAAM,SAAS,WAA2C,CAAC,OAAO,QAAQ;AAC/E,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAO;AAAA,IAAM;AAAA,IAAO;AAAA,IAAa;AAAA,IAAM;AAAA,IAAO;AAAA,IAAU;AAAA,IACjE;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAS;AAAA,IAAO;AAAA,IAAY;AAAA,IAAY;AAAA,IACjE;AAAA,IAAS;AAAA,IAAU;AAAA,IAAU;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAO;AAAA,IACrD,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,kBAAkB,aAAa,GAAG,UAAU,eAAe;AAEjE,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,eAAe;AAAA,MACf,aAAa;AAAA,MACb,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA;AAAA,EACF;AAGF,QAAM,SAAS,oBAAC,gBAAa,YAAwB,OAAc,YAAwB;AAE3F,MAAI,CAAC,OAAO;AACV,WACE,qBAAC,OAAI,eAAa,iBACf;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AAEA,SACE,qBAAC,OAAI,eAAa,iBAChB;AAAA,yBAAC,kBAAe,eAA8B,OAC3C;AAAA,wBAAkB,WAAW;AAAA,MAE9B;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEC,kBAAkB,WAAW;AAAA,OAChC;AAAA,IAEC;AAAA,KACH;AAEJ,CAAC;AAED,OAAO,cAAc;","names":[]}