@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-5M4TYFR3.js

@@ -0,0 +1,27 @@
+// src/components/data-display/DataViews/data-views-preview.ts
+function columnLabel(columns, id) {
+  const col = columns.find((c) => c.id === id);
+  if (col && typeof col.header === "string" && col.header) return col.header;
+  return id;
+}
+function describeViewState(state, fields, columns) {
+  const filters = [];
+  if (state.search.trim()) filters.push(`Busca: "${state.search.trim()}"`);
+  for (const field of fields) {
+    const selected = state.pills[field.id];
+    if (!selected || selected.length === 0) continue;
+    const labels = selected.map(
+      (value) => field.options.find((option) => option.value === value)?.label ?? value
+    );
+    filters.push(`${field.label}: ${labels.join(", ")}`);
+  }
+  const hideable = columns.filter((col) => col.hideable !== false);
+  const columnsHidden = hideable.filter((col) => !state.visibleColumns.includes(col.id)).map((col) => columnLabel(columns, col.id));
+  const sort = state.sortBy.filter((entry) => entry.dir).map((entry) => `${columnLabel(columns, entry.id)} (${entry.dir === "asc" ? "crescente" : "decrescente"})`);
+  return { filters, columns: columnsHidden, sort };
+}
+
+export {
+  describeViewState
+};
+//# sourceMappingURL=chunk-5M4TYFR3.js.map

package/dist/chunk-5M4TYFR3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-preview.ts"],"sourcesContent":["import type {\n  DataViewColumn,\n  DataViewState,\n  FilterFieldConfig,\n} from \"./data-views-types\";\n\n/**\n * Human-readable summary of a view state (FUT-89), used by the save-view modal's\n * preview and the manage dialog. Pure + label-driven so it is unit-testable and\n * shared. Returns empty arrays for sections with nothing set.\n */\ninterface ViewStateDescription {\n  filters: string[];\n  /**\n   * The columns this view HIDES, not the ones it shows.\n   *\n   * A view that hides three of eleven columns listed eight names, which is a\n   * wall of text stating the default. What the operator needs to check before\n   * saving is what this view CHANGES — and for columns, the change is the\n   * hiding.\n   */\n  columns: string[];\n  sort: string[];\n}\n\nfunction columnLabel<T extends Record<string, unknown>>(\n  columns: DataViewColumn<T>[],\n  id: string,\n): string {\n  const col = columns.find((c) => c.id === id);\n  if (col && typeof col.header === \"string\" && col.header) return col.header;\n  return id;\n}\n\nexport function describeViewState<T extends Record<string, unknown>>(\n  state: DataViewState,\n  fields: FilterFieldConfig<T>[],\n  columns: DataViewColumn<T>[],\n): ViewStateDescription {\n  const filters: string[] = [];\n  if (state.search.trim()) filters.push(`Busca: \"${state.search.trim()}\"`);\n  for (const field of fields) {\n    const selected = state.pills[field.id];\n    if (!selected || selected.length === 0) continue;\n    const labels = selected.map(\n      (value) => field.options.find((option) => option.value === value)?.label ?? value,\n    );\n    filters.push(`${field.label}: ${labels.join(\", \")}`);\n  }\n\n  const hideable = columns.filter((col) => col.hideable !== false);\n  const columnsHidden = hideable\n    .filter((col) => !state.visibleColumns.includes(col.id))\n    .map((col) => columnLabel(columns, col.id));\n\n  const sort = state.sortBy\n    .filter((entry) => entry.dir)\n    .map((entry) => `${columnLabel(columns, entry.id)} (${entry.dir === \"asc\" ? \"crescente\" : \"decrescente\"})`);\n\n  return { filters, columns: columnsHidden, sort };\n}\n"],"mappings":";AAyBA,SAAS,YACP,SACA,IACQ;AACR,QAAM,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC3C,MAAI,OAAO,OAAO,IAAI,WAAW,YAAY,IAAI,OAAQ,QAAO,IAAI;AACpE,SAAO;AACT;AAEO,SAAS,kBACd,OACA,QACA,SACsB;AACtB,QAAM,UAAoB,CAAC;AAC3B,MAAI,MAAM,OAAO,KAAK,EAAG,SAAQ,KAAK,WAAW,MAAM,OAAO,KAAK,CAAC,GAAG;AACvE,aAAW,SAAS,QAAQ;AAC1B,UAAM,WAAW,MAAM,MAAM,MAAM,EAAE;AACrC,QAAI,CAAC,YAAY,SAAS,WAAW,EAAG;AACxC,UAAM,SAAS,SAAS;AAAA,MACtB,CAAC,UAAU,MAAM,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,KAAK,GAAG,SAAS;AAAA,IAC9E;AACA,YAAQ,KAAK,GAAG,MAAM,KAAK,KAAK,OAAO,KAAK,IAAI,CAAC,EAAE;AAAA,EACrD;AAEA,QAAM,WAAW,QAAQ,OAAO,CAAC,QAAQ,IAAI,aAAa,KAAK;AAC/D,QAAM,gBAAgB,SACnB,OAAO,CAAC,QAAQ,CAAC,MAAM,eAAe,SAAS,IAAI,EAAE,CAAC,EACtD,IAAI,CAAC,QAAQ,YAAY,SAAS,IAAI,EAAE,CAAC;AAE5C,QAAM,OAAO,MAAM,OAChB,OAAO,CAAC,UAAU,MAAM,GAAG,EAC3B,IAAI,CAAC,UAAU,GAAG,YAAY,SAAS,MAAM,EAAE,CAAC,KAAK,MAAM,QAAQ,QAAQ,cAAc,aAAa,GAAG;AAE5G,SAAO,EAAE,SAAS,SAAS,eAAe,KAAK;AACjD;","names":[]}

package/dist/chunk-5MXVT7DO.js

@@ -0,0 +1,14 @@
+// src/components/data-display/CardKit/row-actions-to-menu.ts
+function rowActionsToMenuItems(actions, row) {
+  return actions.filter((action) => action.isVisible?.(row) ?? true).map((action) => ({
+    id: action.id,
+    label: action.rowLabel?.(row) ?? action.label,
+    color: action.color,
+    onClick: () => void action.onSelect([row])
+  }));
+}
+
+export {
+  rowActionsToMenuItems
+};
+//# sourceMappingURL=chunk-5MXVT7DO.js.map

package/dist/chunk-5MXVT7DO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/CardKit/row-actions-to-menu.ts"],"sourcesContent":["import type { DropdownMenuItem } from '../../navigation/DropdownMenu';\nimport type { RowAction } from '../DataViews';\n\n/**\n * Adapt a list of {@link RowAction}s into single-row kebab items.\n *\n * Applies each action's `isVisible` guard, resolves its per-row `rowLabel`\n * override, carries its colour, and fires `onSelect([row])` on click.\n *\n * The point is that ONE definition drives both surfaces. An entity that already\n * declares its per-row actions as `RowAction[]` — because the table's multi-\n * select menu needs them — gets the card's kebab from the same array through\n * `renderRowMenu` / `renderCard`, with no second list to keep in step. Two\n * lists is how a \"Duplicar\" that appears in the table and not on the card\n * happens, and nothing reports it.\n */\nexport function rowActionsToMenuItems<T extends Record<string, unknown>>(\n  actions: RowAction<T>[],\n  row: T,\n): DropdownMenuItem[] {\n  return actions\n    .filter((action) => action.isVisible?.(row) ?? true)\n    .map((action) => ({\n      id: action.id,\n      label: action.rowLabel?.(row) ?? action.label,\n      color: action.color,\n      onClick: () => void action.onSelect([row]),\n    }));\n}\n"],"mappings":";AAgBO,SAAS,sBACd,SACA,KACoB;AACpB,SAAO,QACJ,OAAO,CAAC,WAAW,OAAO,YAAY,GAAG,KAAK,IAAI,EAClD,IAAI,CAAC,YAAY;AAAA,IAChB,IAAI,OAAO;AAAA,IACX,OAAO,OAAO,WAAW,GAAG,KAAK,OAAO;AAAA,IACxC,OAAO,OAAO;AAAA,IACd,SAAS,MAAM,KAAK,OAAO,SAAS,CAAC,GAAG,CAAC;AAAA,EAC3C,EAAE;AACN;","names":[]}

package/dist/chunk-5P6OV64V.js

@@ -0,0 +1,38 @@
+// src/components/form/PhoneInput/phone.ts
+import { parsePhoneNumber } from "libphonenumber-js";
+var formatPhoneNumber = (value, country) => {
+  if (!value || value.trim() === "") return value;
+  try {
+    const phoneNumber = parsePhoneNumber(value, country);
+    if (phoneNumber) {
+      return phoneNumber.formatInternational();
+    }
+  } catch {
+  }
+  return value;
+};
+var validatePhoneNumber = (value, country) => {
+  if (!value || value.trim() === "") return false;
+  try {
+    const phoneNumber = parsePhoneNumber(value, country);
+    return phoneNumber ? phoneNumber.isPossible() : false;
+  } catch {
+    return false;
+  }
+};
+var detectCountryFromNumber = (value) => {
+  if (!value || !value.startsWith("+")) return void 0;
+  try {
+    const phoneNumber = parsePhoneNumber(value);
+    return phoneNumber?.country;
+  } catch {
+    return void 0;
+  }
+};
+
+export {
+  formatPhoneNumber,
+  validatePhoneNumber,
+  detectCountryFromNumber
+};
+//# sourceMappingURL=chunk-5P6OV64V.js.map

package/dist/chunk-5P6OV64V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PhoneInput/phone.ts"],"sourcesContent":["import type { CountryCode } from 'libphonenumber-js';\nimport { parsePhoneNumber } from 'libphonenumber-js';\n\n\nexport const formatPhoneNumber = (value: string, country: CountryCode): string => {\n  if (!value || value.trim() === '') return value;\n\n  try {\n    const phoneNumber = parsePhoneNumber(value, country);\n    // Format if we have a phone number object, regardless of strict validity\n    // This allows formatting of test numbers (like 555 prefix) and partially valid numbers\n    if (phoneNumber) {\n      return phoneNumber.formatInternational();\n    }\n  } catch {\n    // Silently handle formatting errors\n  }\n  return value;\n};\n\nexport const validatePhoneNumber = (value: string, country: CountryCode): boolean => {\n  if (!value || value.trim() === '') return false;\n\n  try {\n    const phoneNumber = parsePhoneNumber(value, country);\n    // Consider a number valid if it can be parsed and has the right format\n    // This allows test numbers (like 555 prefix) which isPossible but not isValid\n    return phoneNumber ? phoneNumber.isPossible() : false;\n  } catch {\n    // Silently handle validation errors\n    return false;\n  }\n};\n\n// Enhanced helper to detect country from number\nexport const detectCountryFromNumber = (value: string): CountryCode | undefined => {\n  if (!value || !value.startsWith('+')) return undefined;\n\n  try {\n    const phoneNumber = parsePhoneNumber(value);\n    return phoneNumber?.country;\n  } catch {\n    return undefined;\n  }\n};\n\n// Main component\n"],"mappings":";AACA,SAAS,wBAAwB;AAG1B,IAAM,oBAAoB,CAAC,OAAe,YAAiC;AAChF,MAAI,CAAC,SAAS,MAAM,KAAK,MAAM,GAAI,QAAO;AAE1C,MAAI;AACF,UAAM,cAAc,iBAAiB,OAAO,OAAO;AAGnD,QAAI,aAAa;AACf,aAAO,YAAY,oBAAoB;AAAA,IACzC;AAAA,EACF,QAAQ;AAAA,EAER;AACA,SAAO;AACT;AAEO,IAAM,sBAAsB,CAAC,OAAe,YAAkC;AACnF,MAAI,CAAC,SAAS,MAAM,KAAK,MAAM,GAAI,QAAO;AAE1C,MAAI;AACF,UAAM,cAAc,iBAAiB,OAAO,OAAO;AAGnD,WAAO,cAAc,YAAY,WAAW,IAAI;AAAA,EAClD,QAAQ;AAEN,WAAO;AAAA,EACT;AACF;AAGO,IAAM,0BAA0B,CAAC,UAA2C;AACjF,MAAI,CAAC,SAAS,CAAC,MAAM,WAAW,GAAG,EAAG,QAAO;AAE7C,MAAI;AACF,UAAM,cAAc,iBAAiB,KAAK;AAC1C,WAAO,aAAa;AAAA,EACtB,QAAQ;AACN,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/chunk-5QFEHSTR.js

@@ -0,0 +1,227 @@
+import {
+  SonnerToast
+} from "./chunk-GGNHZ4GA.js";
+
+// src/components/feedback/Sonner/Sonner.tsx
+import Box from "@mui/material/Box/index.js";
+import Portal from "@mui/material/Portal/index.js";
+import React, { createContext, useCallback, useContext, useRef, useState, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SonnerContext = createContext(null);
+var DEFAULT_DURATION_MS = 4e3;
+var buildToastItem = (toast2, id, type) => ({
+  ...toast2,
+  id,
+  type: type || toast2.type || "default",
+  createdAt: Date.now(),
+  visible: true
+});
+var scheduleAutoDismiss = (toast2, id, dismiss) => {
+  if (toast2.persistent || toast2.duration === 0) return;
+  window.setTimeout(() => dismiss(id), toast2.duration ?? DEFAULT_DURATION_MS);
+};
+var EXIT_TRANSITION_MS = 300;
+var resolveMessage = (message, value) => typeof message === "function" ? message(value) : message;
+var trackPromiseWithToasts = async (promiseToResolve, options, toasts) => {
+  const toastId = toasts.loading(options.loading);
+  try {
+    const data = await promiseToResolve;
+    toasts.dismiss(toastId);
+    toasts.success(resolveMessage(options.success, data));
+    return data;
+  } catch (err) {
+    toasts.dismiss(toastId);
+    toasts.error(resolveMessage(options.error, err instanceof Error ? err : new Error(String(err))));
+    throw err;
+  }
+};
+var SonnerProvider = ({ children, dismissLabel }) => {
+  const [toasts, setToasts] = useState([]);
+  const toastCounter = useRef(0);
+  const dismiss = useCallback((id) => {
+    const matches = (toast3) => id === void 0 || toast3.id === id;
+    setToasts(
+      (prev) => prev.map((toast3) => matches(toast3) ? { ...toast3, visible: false } : toast3)
+    );
+    window.setTimeout(() => {
+      setToasts((prev) => prev.filter((toast3) => !matches(toast3)));
+    }, EXIT_TRANSITION_MS);
+  }, []);
+  const addToast = useCallback(
+    (toast3, type) => {
+      const id = `sonner-${++toastCounter.current}`;
+      setToasts((prev) => [...prev, buildToastItem(toast3, id, type)]);
+      scheduleAutoDismiss(toast3, id, dismiss);
+      return id;
+    },
+    [dismiss]
+  );
+  const makeShortcut = useCallback(
+    (type, extra) => (message, options) => addToast({ dismissLabel, ...options, ...extra, title: message }, type),
+    [addToast]
+  );
+  const toast2 = useMemo(() => makeShortcut("default"), [makeShortcut]);
+  const success = useMemo(() => makeShortcut("success"), [makeShortcut]);
+  const error = useMemo(() => makeShortcut("error"), [makeShortcut]);
+  const warning = useMemo(() => makeShortcut("warning"), [makeShortcut]);
+  const info = useMemo(() => makeShortcut("info"), [makeShortcut]);
+  const loading = useMemo(
+    () => makeShortcut("loading", { persistent: true }),
+    [makeShortcut]
+  );
+  const promise = useCallback(
+    (promiseToResolve, options) => trackPromiseWithToasts(promiseToResolve, options, { loading, success, error, dismiss }),
+    [loading, success, error, dismiss]
+  );
+  const contextValue = {
+    toast: toast2,
+    success,
+    error,
+    warning,
+    info,
+    loading,
+    dismiss,
+    promise
+  };
+  useRegisterGlobalToast(contextValue);
+  return /* @__PURE__ */ jsxs(SonnerContext.Provider, { value: contextValue, children: [
+    children,
+    /* @__PURE__ */ jsx(SonnerToaster, { toasts, onDismiss: dismiss })
+  ] });
+};
+var useSonner = () => {
+  const context = useContext(SonnerContext);
+  if (!context) {
+    throw new Error("useSonner must be used within a SonnerProvider");
+  }
+  return context;
+};
+var SonnerToaster = ({ toasts, onDismiss }) => {
+  const MAX_VISIBLE_TOASTS = 5;
+  const visibleToasts = toasts.slice(-MAX_VISIBLE_TOASTS);
+  const hiddenCount = Math.max(0, toasts.length - MAX_VISIBLE_TOASTS);
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        position: "fixed",
+        top: 16,
+        right: 16,
+        zIndex: 9999,
+        display: "flex",
+        flexDirection: "column",
+        pointerEvents: "none",
+        maxHeight: "calc(100vh - 32px)",
+        overflowY: "auto",
+        overflowX: "hidden"
+      },
+      children: [
+        hiddenCount > 0 && /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              p: 1,
+              mb: 0.5,
+              textAlign: "center",
+              fontSize: "0.75rem",
+              color: "text.secondary",
+              pointerEvents: "none"
+            },
+            children: [
+              "+",
+              hiddenCount,
+              " more"
+            ]
+          }
+        ),
+        visibleToasts.map((toast2) => /* @__PURE__ */ jsx(Box, { sx: { pointerEvents: "auto" }, children: /* @__PURE__ */ jsx(SonnerToast, { ...toast2, onDismiss }) }, toast2.id))
+      ]
+    }
+  ) });
+};
+var globalToastContext = null;
+var useRegisterGlobalToast = (context) => {
+  React.useEffect(() => {
+    globalToastContext = context;
+    return () => {
+      globalToastContext = null;
+    };
+  }, [context]);
+};
+var createToastInstance = () => {
+  const warnNoProvider = () => {
+    if (typeof window !== "undefined" && window.console && window.console.warn) {
+      window.console.warn("Sonner: No SonnerProvider found. Please wrap your app with SonnerProvider.");
+    }
+  };
+  const methods = {
+    toast: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.toast(message, options);
+    },
+    success: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.success(message, options);
+    },
+    error: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.error(message, options);
+    },
+    warning: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.warning(message, options);
+    },
+    info: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.info(message, options);
+    },
+    loading: (message, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return "no-provider";
+      }
+      return globalToastContext.loading(message, options);
+    },
+    dismiss: (id) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        return;
+      }
+      globalToastContext.dismiss(id);
+    },
+    promise: async (promiseToResolve, options) => {
+      if (!globalToastContext) {
+        warnNoProvider();
+        throw new Error("No SonnerProvider found");
+      }
+      return globalToastContext.promise(promiseToResolve, options);
+    }
+  };
+  return methods;
+};
+var toast = createToastInstance();
+var Toaster = ({ children, dismissLabel }) => /* @__PURE__ */ jsx(SonnerProvider, { dismissLabel, children });
+
+export {
+  SonnerProvider,
+  useSonner,
+  useRegisterGlobalToast,
+  toast,
+  Toaster
+};
+//# sourceMappingURL=chunk-5QFEHSTR.js.map

package/dist/chunk-5QFEHSTR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Sonner/Sonner.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Portal from '@mui/material/Portal/index.js';\nimport React, { createContext, useCallback, useContext, useRef,useState, useMemo } from 'react';\n\nimport type { SonnerContextType, SonnerItem,SonnerProps } from './Sonner.types';\n\nconst SonnerContext = createContext<SonnerContextType | null>(null);\n\nconst DEFAULT_DURATION_MS = 4000;\n\nconst buildToastItem = (\n  toast: Omit<SonnerProps, 'id'>,\n  id: string,\n  type?: SonnerProps['type'],\n): SonnerItem => ({\n  ...toast,\n  id,\n  type: type || toast.type || 'default',\n  createdAt: Date.now(),\n  visible: true });\n\n// Persistent toasts and `duration: 0` stay until dismissed explicitly.\nconst scheduleAutoDismiss = (\n  toast: Omit<SonnerProps, 'id'>,\n  id: string,\n  dismiss: (id?: string) => void,\n) => {\n  if (toast.persistent || toast.duration === 0) return;\n\n  window.setTimeout(() => dismiss(id), toast.duration ?? DEFAULT_DURATION_MS);\n};\n\nconst EXIT_TRANSITION_MS = 300;\n\ntype SonnerPromiseOptions<T> = {\n  loading: React.ReactNode;\n  success: React.ReactNode | ((data: T) => React.ReactNode);\n  error: React.ReactNode | ((error: Error) => React.ReactNode);\n};\n\nconst resolveMessage = <T,>(\n  message: React.ReactNode | ((value: T) => React.ReactNode),\n  value: T,\n): React.ReactNode => (typeof message === 'function' ? message(value) : message);\n\n// Shows a pinned loading toast for the life of a promise, then swaps it for a\n// success or error one. Takes the shortcuts it needs rather than reaching for\n// context, so it is testable on its own.\nconst trackPromiseWithToasts = async <T,>(\n  promiseToResolve: Promise<T>,\n  options: SonnerPromiseOptions<T>,\n  toasts: {\n    loading: (message: React.ReactNode) => string;\n    success: (message: React.ReactNode) => string;\n    error: (message: React.ReactNode) => string;\n    dismiss: (id?: string) => void;\n  },\n): Promise<T> => {\n  const toastId = toasts.loading(options.loading);\n\n  try {\n    const data = await promiseToResolve;\n    toasts.dismiss(toastId);\n    toasts.success(resolveMessage(options.success, data));\n    return data;\n  } catch (err) {\n    toasts.dismiss(toastId);\n    toasts.error(resolveMessage(options.error, err instanceof Error ? err : new Error(String(err))));\n    throw err;\n  }\n};\n\nexport const SonnerProvider: React.FC<{\n  children: React.ReactNode;\n  /**\n   * The dismiss button's accessible name, for every toast this provider\n   * raises. REQUIRED and mounted ONCE — the shortcut helpers\n   * (`sonner.success(…)`) take a message and nothing else by design, so the\n   * word cannot be a per-call argument without changing what they are for.\n   */\n  dismissLabel: string;\n}> = ({ children, dismissLabel }) => {\n  const [toasts, setToasts] = useState<SonnerItem[]>([]);\n  const toastCounter = useRef(0);\n\n  // Hide first, then drop after the exit transition. Passing no id targets every\n  // toast; the two branches only differ in which toasts they match, so that is\n  // the only thing that varies here.\n  const dismiss = useCallback((id?: string) => {\n    const matches = (toast: SonnerItem) => id === undefined || toast.id === id;\n\n    setToasts((prev) =>\n      prev.map((toast) => (matches(toast) ? { ...toast, visible: false } : toast)),\n    );\n\n    window.setTimeout(() => {\n      setToasts((prev) => prev.filter((toast) => !matches(toast)));\n    }, EXIT_TRANSITION_MS);\n  }, []);\n\n  const addToast = useCallback(\n    (toast: Omit<SonnerProps, 'id'>, type?: SonnerProps['type']): string => {\n      const id = `sonner-${++toastCounter.current}`;\n      setToasts((prev) => [...prev, buildToastItem(toast, id, type)]);\n      scheduleAutoDismiss(toast, id, dismiss);\n      return id;\n    },\n    [dismiss],\n  );\n\n  // The six shortcuts differ only by the type they tag and, for loading, by\n  // pinning persistent. Built from one factory rather than six near-identical\n  // useCallback blocks.\n  const makeShortcut = useCallback(\n    (type: SonnerProps['type'], extra?: Partial<SonnerProps>) =>\n      (message: React.ReactNode, options?: Partial<SonnerProps>) =>\n        addToast({ dismissLabel, ...options, ...extra, title: message }, type),\n    [addToast],\n  );\n\n  const toast = useMemo(() => makeShortcut('default'), [makeShortcut]);\n  const success = useMemo(() => makeShortcut('success'), [makeShortcut]);\n  const error = useMemo(() => makeShortcut('error'), [makeShortcut]);\n  const warning = useMemo(() => makeShortcut('warning'), [makeShortcut]);\n  const info = useMemo(() => makeShortcut('info'), [makeShortcut]);\n  const loading = useMemo(\n    () => makeShortcut('loading', { persistent: true }),\n    [makeShortcut],\n  );\n\n  const promise = useCallback(\n    <T,>(promiseToResolve: Promise<T>, options: SonnerPromiseOptions<T>): Promise<T> =>\n      trackPromiseWithToasts(promiseToResolve, options, { loading, success, error, dismiss }),\n    [loading, success, error, dismiss],\n  );\n\n  const contextValue: SonnerContextType = {\n    toast,\n    success,\n    error,\n    warning,\n    info,\n    loading,\n    dismiss,\n    promise };\n\n  // Register this context globally for imperative API\n  useRegisterGlobalToast(contextValue);\n\n  return (\n    <SonnerContext.Provider value={contextValue}>\n      {children}\n      <SonnerToaster toasts={toasts} onDismiss={dismiss} />\n    </SonnerContext.Provider>\n  );\n};\n\nexport const useSonner = (): SonnerContextType => {\n  const context = useContext(SonnerContext);\n  if (!context) {\n    throw new Error('useSonner must be used within a SonnerProvider');\n  }\n  return context;\n};\n\n// A caller-supplied icon always wins; otherwise the type picks one.\nimport { SonnerToast } from './SonnerToast';\n\nconst SonnerToaster: React.FC<{\n  toasts: SonnerItem[];\n  onDismiss: (id: string) => void;\n}> = ({ toasts, onDismiss }) => {\n  // Limit visible toasts to prevent overflow\n  const MAX_VISIBLE_TOASTS = 5;\n  const visibleToasts = toasts.slice(-MAX_VISIBLE_TOASTS);\n  const hiddenCount = Math.max(0, toasts.length - MAX_VISIBLE_TOASTS);\n\n  return (\n    <Portal>\n      <Box\n        sx={{\n          position: 'fixed',\n          top: 16,\n          right: 16,\n          zIndex: 9999,\n          display: 'flex',\n          flexDirection: 'column',\n          pointerEvents: 'none',\n          maxHeight: 'calc(100vh - 32px)',\n          overflowY: 'auto',\n          overflowX: 'hidden' }}\n      >\n        {hiddenCount > 0 && (\n          <Box\n            sx={{\n              p: 1,\n              mb: 0.5,\n              textAlign: 'center',\n              fontSize: '0.75rem',\n              color: 'text.secondary',\n              pointerEvents: 'none' }}\n          >\n            +{hiddenCount} more\n          </Box>\n        )}\n        {visibleToasts.map((toast) => (\n          <Box key={toast.id} sx={{ pointerEvents: 'auto' }}>\n            <SonnerToast {...toast} onDismiss={onDismiss} />\n          </Box>\n        ))}\n      </Box>\n    </Portal>\n  );\n};\n\n// Global toast instance for imperative API\nlet globalToastContext: SonnerContextType | null = null;\n\n// Hook to register the global context (used internally by SonnerProvider)\nexport const useRegisterGlobalToast = (context: SonnerContextType) => {\n  React.useEffect(() => {\n    globalToastContext = context;\n    return () => {\n      globalToastContext = null;\n    };\n  }, [context]);\n};\n\n// Create a production-ready toast instance for imperative usage\nconst createToastInstance = (): SonnerContextType => {\n  const warnNoProvider = () => {\n    // Use a more React-appropriate warning mechanism\n    if (typeof window !== 'undefined' && window.console && window.console.warn) {\n      window.console.warn('Sonner: No SonnerProvider found. Please wrap your app with SonnerProvider.');\n    }\n  };\n\n  const methods: SonnerContextType = {\n    toast: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.toast(message, options);\n    },\n    success: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.success(message, options);\n    },\n    error: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.error(message, options);\n    },\n    warning: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.warning(message, options);\n    },\n    info: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.info(message, options);\n    },\n    loading: (message: React.ReactNode, options?: Partial<SonnerProps>) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return 'no-provider';\n      }\n      return globalToastContext.loading(message, options);\n    },\n    dismiss: (id?: string) => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        return;\n      }\n      globalToastContext.dismiss(id);\n    },\n    promise: async <T,>(\n      promiseToResolve: Promise<T>,\n      options: {\n        loading: React.ReactNode;\n        success: React.ReactNode | ((data: T) => React.ReactNode);\n        error: React.ReactNode | ((error: Error) => React.ReactNode);\n      },\n    ): Promise<T> => {\n      if (!globalToastContext) {\n        warnNoProvider();\n        throw new Error('No SonnerProvider found');\n      }\n      return globalToastContext.promise(promiseToResolve, options);\n    } };\n\n  return methods;\n};\n\n// Export toast instance for imperative API usage\nexport const toast = createToastInstance();\n\n// Export Toaster as alias for SonnerProvider for stories compatibility\nexport const Toaster: React.FC<{\n  children?: React.ReactNode;\n  position?: string;\n  theme?: string;\n  expand?: boolean;\n  richColors?: boolean;\n  closeButton?: boolean;\n  dismissLabel: string;\n}> = ({ children, dismissLabel }) => (\n  <SonnerProvider dismissLabel={dismissLabel}>{children}</SonnerProvider>\n);\n"],"mappings":"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","names":["toast"]}

package/dist/chunk-5QQWAIZO.js

@@ -0,0 +1,75 @@
+// src/components/form/InputOTP/InputOTP.styles.ts
+import { alpha } from "@mui/material/styles/index.js";
+var neutralPalette = (theme) => ({
+  main: theme.palette.grey[700],
+  dark: theme.palette.grey[800],
+  light: theme.palette.grey[500],
+  contrastText: "#fff"
+});
+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 || "#fff"
+  };
+};
+var SIZES = {
+  xs: { side: "32px", fontSize: "0.75rem" },
+  sm: { side: "40px", fontSize: "0.875rem" },
+  md: { side: "48px", fontSize: "1rem" },
+  lg: { side: "56px", fontSize: "1.125rem" },
+  xl: { side: "64px", fontSize: "1.25rem" }
+};
+var otpSlotSx = (theme, flags) => {
+  const { customColor = "primary", customSize = "md", glass, gradient } = flags;
+  const palette = getColorFromTheme(theme, customColor);
+  const { side, fontSize } = SIZES[customSize] ?? SIZES.md;
+  return {
+    width: side,
+    height: side,
+    "& .MuiOutlinedInput-root": {
+      width: side,
+      height: side,
+      fontSize,
+      fontWeight: 600,
+      textAlign: "center",
+      borderRadius: theme.spacing(1),
+      ...glass && {
+        backgroundColor: alpha(theme.palette.background.paper, 0.1),
+        backdropFilter: "blur(20px)",
+        "& fieldset": { border: `1px solid ${alpha(theme.palette.divider, 0.2)}` }
+      },
+      ...gradient && {
+        "&.Mui-focused fieldset": {
+          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,
+          borderWidth: "2px"
+        }
+      },
+      "& input": { textAlign: "center", padding: 0, fontWeight: "inherit" },
+      "&:hover fieldset": { borderColor: palette.main },
+      "&.Mui-focused fieldset": { borderColor: palette.main, borderWidth: "2px" }
+    }
+  };
+};
+
+export {
+  otpSlotSx
+};
+//# sourceMappingURL=chunk-5QQWAIZO.js.map

package/dist/chunk-5QQWAIZO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\ninterface ColorPalette {\n  main: string;\n  dark?: string;\n  light?: string;\n  contrastText?: string;\n}\n\n/** `neutral` is not a MUI palette entry, so it is built from the grey ramp. */\nconst neutralPalette = (theme: Theme): ColorPalette => ({\n  main: theme.palette.grey[700],\n  dark: theme.palette.grey[800],\n  light: theme.palette.grey[500],\n  contrastText: '#fff',\n});\n\n/** `danger` is this component's name for the error palette. */\nconst namedPalette = (theme: Theme, color: string): ColorPalette => {\n  const colorMap: Record<string, ColorPalette> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\nconst getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') {\n    return neutralPalette(theme);\n  }\n\n  const palette = namedPalette(theme, color);\n  const { primary } = theme.palette;\n\n  return {\n    main: palette.main || primary.main,\n    dark: palette.dark || palette.main || primary.dark,\n    light: palette.light || palette.main || primary.light,\n    contrastText: palette.contrastText || '#fff',\n  };\n};\n\ntype SizeKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Each slot is a square, so width and height always match. */\nconst SIZES: Record<SizeKey, { side: string; fontSize: string }> = {\n  xs: { side: '32px', fontSize: '0.75rem' },\n  sm: { side: '40px', fontSize: '0.875rem' },\n  md: { side: '48px', fontSize: '1rem' },\n  lg: { side: '56px', fontSize: '1.125rem' },\n  xl: { side: '64px', fontSize: '1.25rem' },\n};\n\nexport interface OtpSlotFlags {\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n  gradient?: boolean;\n}\n\nexport const otpSlotSx = (theme: Theme, flags: OtpSlotFlags): CSSObject => {\n  const { customColor = 'primary', customSize = 'md', glass, gradient } = flags;\n  const palette = getColorFromTheme(theme, customColor);\n  const { side, fontSize } = SIZES[customSize as SizeKey] ?? SIZES.md;\n\n  return {\n    width: side,\n    height: side,\n    '& .MuiOutlinedInput-root': {\n      width: side,\n      height: side,\n      fontSize,\n      fontWeight: 600,\n      textAlign: 'center',\n      borderRadius: theme.spacing(1),\n      ...(glass && {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        '& fieldset': { border: `1px solid ${alpha(theme.palette.divider, 0.2)}` },\n      }),\n      ...(gradient && {\n        '&.Mui-focused fieldset': {\n          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,\n          borderWidth: '2px',\n        },\n      }),\n      '& input': { textAlign: 'center', padding: 0, fontWeight: 'inherit' },\n      '&:hover fieldset': { borderColor: palette.main },\n      '&.Mui-focused fieldset': { borderColor: palette.main, borderWidth: '2px' },\n    },\n  };\n};\n"],"mappings":";AAAA,SAAS,aAAa;AAWtB,IAAM,iBAAiB,CAAC,WAAgC;AAAA,EACtD,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC5B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC5B,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC7B,cAAc;AAChB;AAGA,IAAM,eAAe,CAAC,OAAc,UAAgC;AAClE,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAEA,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AACvE,MAAI,UAAU,WAAW;AACvB,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,QAAM,UAAU,aAAa,OAAO,KAAK;AACzC,QAAM,EAAE,QAAQ,IAAI,MAAM;AAE1B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ,QAAQ;AAAA,IAC9B,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAC9C,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAAA,IAChD,cAAc,QAAQ,gBAAgB;AAAA,EACxC;AACF;AAKA,IAAM,QAA6D;AAAA,EACjE,IAAI,EAAE,MAAM,QAAQ,UAAU,UAAU;AAAA,EACxC,IAAI,EAAE,MAAM,QAAQ,UAAU,WAAW;AAAA,EACzC,IAAI,EAAE,MAAM,QAAQ,UAAU,OAAO;AAAA,EACrC,IAAI,EAAE,MAAM,QAAQ,UAAU,WAAW;AAAA,EACzC,IAAI,EAAE,MAAM,QAAQ,UAAU,UAAU;AAC1C;AASO,IAAM,YAAY,CAAC,OAAc,UAAmC;AACzE,QAAM,EAAE,cAAc,WAAW,aAAa,MAAM,OAAO,SAAS,IAAI;AACxE,QAAM,UAAU,kBAAkB,OAAO,WAAW;AACpD,QAAM,EAAE,MAAM,SAAS,IAAI,MAAM,UAAqB,KAAK,MAAM;AAEjE,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,4BAA4B;AAAA,MAC1B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,cAAc,MAAM,QAAQ,CAAC;AAAA,MAC7B,GAAI,SAAS;AAAA,QACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,cAAc,EAAE,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC,GAAG;AAAA,MAC3E;AAAA,MACA,GAAI,YAAY;AAAA,QACd,0BAA0B;AAAA,UACxB,YAAY,2BAA2B,QAAQ,IAAI,KAAK,QAAQ,KAAK;AAAA,UACrE,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,WAAW,EAAE,WAAW,UAAU,SAAS,GAAG,YAAY,UAAU;AAAA,MACpE,oBAAoB,EAAE,aAAa,QAAQ,KAAK;AAAA,MAChD,0BAA0B,EAAE,aAAa,QAAQ,MAAM,aAAa,MAAM;AAAA,IAC5E;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-5QXSPLWU.js

@@ -0,0 +1,62 @@
+import {
+  CarouselArrows,
+  CarouselIndicators,
+  CarouselThumbnails
+} from "./chunk-2XGM5PDA.js";
+
+// src/components/data-display/Carousel/Carousel.chrome.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CarouselChrome = ({
+  copy,
+  items,
+  activeIndex,
+  loop,
+  disabled,
+  showArrows,
+  showIndicators,
+  showThumbnails,
+  arrowPosition,
+  indicatorPosition,
+  color,
+  size,
+  onPrev,
+  onNext,
+  onSelect
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  showArrows && !disabled && /* @__PURE__ */ jsx(
+    CarouselArrows,
+    {
+      copy,
+      onPrev,
+      onNext,
+      position: arrowPosition,
+      color,
+      disablePrev: !loop && activeIndex === 0,
+      disableNext: !loop && activeIndex === items.length - 1
+    }
+  ),
+  showIndicators && /* @__PURE__ */ jsx(
+    CarouselIndicators,
+    {
+      count: items.length,
+      activeIndex,
+      onSelect,
+      position: indicatorPosition,
+      color
+    }
+  ),
+  showThumbnails && /* @__PURE__ */ jsx(
+    CarouselThumbnails,
+    {
+      items,
+      activeIndex,
+      onSelect,
+      size
+    }
+  )
+] });
+
+export {
+  CarouselChrome
+};
+//# sourceMappingURL=chunk-5QXSPLWU.js.map

package/dist/chunk-5QXSPLWU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.chrome.tsx"],"sourcesContent":["import React from 'react';\n\nimport { CarouselArrows, CarouselIndicators, CarouselThumbnails } from './Carousel.parts';\nimport type { CarouselCopy } from '../../../copy';\nimport type {\n  CarouselArrowsProps,\n  CarouselIndicatorsProps,\n  CarouselItem,\n  CarouselThumbnailsProps,\n} from './Carousel.types';\n\ntype IndicatorPosition = NonNullable<CarouselIndicatorsProps['position']>;\ntype Color = NonNullable<CarouselIndicatorsProps['color']>;\n\nexport interface CarouselChromeProps {\n  /** The two arrows' accessible names, from the mount. */\n  copy: CarouselCopy;\n  items: CarouselItem[];\n  activeIndex: number;\n  loop: boolean;\n  disabled: boolean;\n  showArrows: boolean;\n  showIndicators: boolean;\n  showThumbnails: boolean;\n  arrowPosition: NonNullable<CarouselArrowsProps['position']>;\n  indicatorPosition: IndicatorPosition;\n  color: Color;\n  size: NonNullable<CarouselThumbnailsProps['size']>;\n  onPrev: () => void;\n  onNext: () => void;\n  onSelect: (index: number) => void;\n}\n\n/**\n * Everything drawn over the slides: the arrows, the indicators and the thumbnail\n * strip. Each is independently switchable, so they travel together rather than\n * as three conditional blocks inside the carousel's own render.\n */\nexport const CarouselChrome: React.FC<CarouselChromeProps> = ({\n  copy,\n  items,\n  activeIndex,\n  loop,\n  disabled,\n  showArrows,\n  showIndicators,\n  showThumbnails,\n  arrowPosition,\n  indicatorPosition,\n  color,\n  size,\n  onPrev,\n  onNext,\n  onSelect,\n}) => (\n  <>\n    {showArrows && !disabled && (\n      <CarouselArrows\n        copy={copy}\n        onPrev={onPrev}\n        onNext={onNext}\n        position={arrowPosition}\n        color={color}\n        disablePrev={!loop && activeIndex === 0}\n        disableNext={!loop && activeIndex === items.length - 1}\n      />\n    )}\n\n    {showIndicators && (\n      <CarouselIndicators\n        count={items.length}\n        activeIndex={activeIndex}\n        onSelect={onSelect}\n        position={indicatorPosition}\n        color={color}\n      />\n    )}\n\n    {showThumbnails && (\n      <CarouselThumbnails\n        items={items}\n        activeIndex={activeIndex}\n        onSelect={onSelect}\n        size={size}\n      />\n    )}\n  </>\n);\n"],"mappings":";;;;;;;AAuDE,mBAEI,KAFJ;AAjBK,IAAM,iBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,iCACG;AAAA,gBAAc,CAAC,YACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,aAAa,CAAC,QAAQ,gBAAgB;AAAA,MACtC,aAAa,CAAC,QAAQ,gBAAgB,MAAM,SAAS;AAAA;AAAA,EACvD;AAAA,EAGD,kBACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,MAAM;AAAA,MACb;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA;AAAA,EACF;AAAA,EAGD,kBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAAA,GAEJ;","names":[]}