@omnitron-dev/prism 0.3.1 → 0.3.3

package/dist/chunk-XBYMG4QK.js

@@ -0,0 +1,119 @@
+import { semanticSurfaceStyles } from './chunk-TZWHELY4.js';
+import { useRef, useEffect } from 'react';
+import MuiAlert from '@mui/material/Alert';
+import AlertTitle from '@mui/material/AlertTitle';
+import { useForkRef } from '@mui/material/utils';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function mergeSx(own, sx) {
+  return [own, ...Array.isArray(sx) ? sx : sx ? [sx] : []];
+}
+function Alert({
+  severity = "info",
+  variant = "standard",
+  title,
+  children,
+  onClose,
+  closable = false,
+  icon,
+  action,
+  sx,
+  ref,
+  ...other
+}) {
+  const muiVariant = variant === "soft" ? "standard" : variant;
+  return /* @__PURE__ */ jsxs(
+    MuiAlert,
+    {
+      ref,
+      ...other,
+      severity,
+      variant: muiVariant,
+      onClose: closable ? onClose : void 0,
+      icon,
+      action,
+      sx: mergeSx(
+        variant === "soft" ? (theme) => ({
+          ...semanticSurfaceStyles(theme, other.color ?? severity, 0.12, 0.16),
+          "& .MuiAlert-icon": {
+            color: "inherit"
+          }
+        }) : {},
+        sx
+      ),
+      children: [
+        title && /* @__PURE__ */ jsx(AlertTitle, { children: title }),
+        children
+      ]
+    }
+  );
+}
+function InlineAlert({ severity = "info", message, icon, sx, ref, ...other }) {
+  return /* @__PURE__ */ jsx(
+    MuiAlert,
+    {
+      ref,
+      ...other,
+      severity,
+      icon,
+      sx: mergeSx(
+        {
+          py: 0,
+          px: 1,
+          "& .MuiAlert-message": {
+            py: 0.5
+          }
+        },
+        sx
+      ),
+      children: message
+    }
+  );
+}
+function FormAlert({
+  severity = "error",
+  title,
+  children,
+  onClose,
+  autoScroll = true,
+  sx,
+  ref: outerRef,
+  ...other
+}) {
+  const ref = useRef(null);
+  const handleRef = useForkRef(ref, outerRef);
+  useEffect(() => {
+    if (!autoScroll) return void 0;
+    const id = requestAnimationFrame(() => {
+      ref.current?.scrollIntoView({ block: "nearest", behavior: "smooth" });
+    });
+    return () => cancelAnimationFrame(id);
+  }, [autoScroll]);
+  return /* @__PURE__ */ jsxs(
+    MuiAlert,
+    {
+      ref: handleRef,
+      ...other,
+      severity,
+      onClose,
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-atomic": "true",
+      sx: mergeSx(
+        {
+          alignItems: "flex-start",
+          mb: 2
+        },
+        sx
+      ),
+      children: [
+        title && /* @__PURE__ */ jsx(AlertTitle, { sx: { mb: 0.5 }, children: title }),
+        children
+      ]
+    }
+  );
+}
+
+export { Alert, FormAlert, InlineAlert };
+//# sourceMappingURL=chunk-XBYMG4QK.js.map
+//# sourceMappingURL=chunk-XBYMG4QK.js.map

package/dist/chunk-XBYMG4QK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alert/alert.tsx"],"names":[],"mappings":"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","file":"chunk-XBYMG4QK.js","sourcesContent":["'use client';\n\n/**\n * Alert Component\n *\n * Enhanced alert with custom styling and variants.\n *\n * @module components/alert\n */\n\nimport { useEffect, useRef, type ReactNode, type Ref } from 'react';\nimport MuiAlert, { type AlertProps as MuiAlertProps } from '@mui/material/Alert';\nimport AlertTitle from '@mui/material/AlertTitle';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { useForkRef } from '@mui/material/utils';\nimport { semanticSurfaceStyles } from '../../theme/semantic-surface.js';\n\n/**\n * Every alert here takes `ref` and passes whatever else it is given to the\n * MUI root — the library's convention (see `Card`, `Avatar`, `Label`).\n *\n * These three did not, and it was measured on 2026-09-22: `Grow`, `Fade`,\n * `Zoom` and `Slide` hold their child by ref and animate it through\n * `style`, so a `<Snackbar>` (whose transition is `Grow`) around one of these\n * found no node and threw from inside MUI's `reflow` — «Cannot read\n * properties of null (reading 'scrollTop')» — taking the whole page down. The\n * console's Topology page died that way on every failed fetch. A `Tooltip`\n * around one fails quietly instead: it injects its handlers into props that\n * were thrown away.\n */\ntype MuiAlertRest<Own> = Omit<MuiAlertProps, keyof Own | 'ref'>;\n\n/** `sx` in every form MUI accepts — object, function or array — after ours. */\nfunction mergeSx(own: SxProps<Theme>, sx: SxProps<Theme> | undefined): SxProps<Theme> {\n  return [own, ...(Array.isArray(sx) ? sx : sx ? [sx] : [])] as SxProps<Theme>;\n}\n\n/**\n * Alert severity levels.\n */\nexport type AlertSeverity = 'success' | 'info' | 'warning' | 'error';\n\n/**\n * Alert variants.\n */\nexport type AlertVariant = 'standard' | 'filled' | 'outlined' | 'soft';\n\n/**\n * Props for Alert component.\n */\ninterface AlertOwnProps {\n  /** Alert severity */\n  severity?: AlertSeverity;\n  /** Alert variant */\n  variant?: AlertVariant;\n  /** Alert title */\n  title?: ReactNode;\n  /** Alert content */\n  children?: ReactNode;\n  /** On close handler */\n  onClose?: () => void;\n  /** Show close button */\n  closable?: boolean;\n  /** Custom icon */\n  icon?: ReactNode | false;\n  /** Custom action */\n  action?: ReactNode;\n  /** Custom sx props */\n  sx?: SxProps<Theme>;\n}\n\nexport type AlertProps = AlertOwnProps & MuiAlertRest<AlertOwnProps> & { ref?: Ref<HTMLDivElement> };\n\n/**\n * Alert - Enhanced alert with custom styling.\n *\n * @example\n * ```tsx\n * <Alert severity=\"success\" title=\"Success!\">\n *   Your changes have been saved.\n * </Alert>\n *\n * <Alert severity=\"error\" variant=\"filled\" closable onClose={() => {}}>\n *   An error occurred.\n * </Alert>\n * ```\n */\nexport function Alert({\n  severity = 'info',\n  variant = 'standard',\n  title,\n  children,\n  onClose,\n  closable = false,\n  icon,\n  action,\n  sx,\n  ref,\n  ...other\n}: AlertProps): ReactNode {\n  // Map 'soft' variant to 'standard' with custom styling\n  const muiVariant = variant === 'soft' ? 'standard' : variant;\n\n  return (\n    <MuiAlert\n      ref={ref}\n      {...other}\n      severity={severity}\n      variant={muiVariant}\n      onClose={closable ? onClose : undefined}\n      icon={icon}\n      action={action}\n      sx={mergeSx(\n        variant === 'soft'\n          ? (theme) => ({\n              ...semanticSurfaceStyles(theme, other.color ?? severity, 0.12, 0.16),\n              '& .MuiAlert-icon': {\n                color: 'inherit',\n              },\n            })\n          : {},\n        sx,\n      )}\n    >\n      {title && <AlertTitle>{title}</AlertTitle>}\n      {children}\n    </MuiAlert>\n  );\n}\n\n/**\n * Props for InlineAlert component.\n */\ninterface InlineAlertOwnProps {\n  /** Alert severity */\n  severity?: AlertSeverity;\n  /** Alert message */\n  message: ReactNode;\n  /** Icon to display */\n  icon?: ReactNode;\n}\n\nexport type InlineAlertProps = InlineAlertOwnProps &\n  MuiAlertRest<InlineAlertOwnProps> & { ref?: Ref<HTMLDivElement> };\n\n/**\n * InlineAlert - Compact inline alert for form feedback.\n *\n * @example\n * ```tsx\n * <InlineAlert severity=\"error\" message=\"This field is required\" />\n * ```\n */\nexport function InlineAlert({ severity = 'info', message, icon, sx, ref, ...other }: InlineAlertProps): ReactNode {\n  return (\n    <MuiAlert\n      ref={ref}\n      {...other}\n      severity={severity}\n      icon={icon}\n      sx={mergeSx(\n        {\n          py: 0,\n          px: 1,\n          '& .MuiAlert-message': {\n            py: 0.5,\n          },\n        },\n        sx,\n      )}\n    >\n      {message}\n    </MuiAlert>\n  );\n}\n\n/**\n * Props for FormAlert component.\n */\ninterface FormAlertOwnProps {\n  /** Severity — defaults to 'error' since this primitive is most\n   * commonly used to surface form submission failures. */\n  severity?: AlertSeverity;\n  /** Optional heading rendered above the message. Use for a short\n   * categorisation (\"Couldn't save\") when the message body is a\n   * detailed reason. */\n  title?: ReactNode;\n  /** The alert body. Pass `null` to keep the slot rendered but\n   * empty — useful for conditional rendering without unmounting. */\n  children?: ReactNode;\n  /** Renders a close (x) icon button when provided. Should clear the\n   * underlying error state in the parent. */\n  onClose?: () => void;\n  /** When true, scroll the alert into view on mount so the user\n   * sees it even if the dialog content has been scrolled away from\n   * the top. Default: true. */\n  autoScroll?: boolean;\n  /** Custom sx overrides for niche layouts. */\n  sx?: SxProps<Theme>;\n}\n\nexport type FormAlertProps = FormAlertOwnProps & MuiAlertRest<FormAlertOwnProps> & { ref?: Ref<HTMLDivElement> };\n\n/**\n * FormAlert — the platform's canonical surface for **form-level**\n * errors inside dialogs and inline forms.\n *\n * UX policy (see CLAUDE.md \"Error UX\"):\n *\n *   Form submission failure → `<FormAlert>` at the top of the form\n *   Background / cross-cutting event → `toast`\n *\n * Why a dedicated primitive vs. plain `<Alert>`:\n *\n *   - `role=\"alert\"` + `aria-live=\"assertive\"` so screen readers\n *     immediately announce the message, not just visually-sighted\n *     users.\n *   - Auto-scrolls into view on mount — a form often has fields\n *     below the fold; surfacing an error you can't see is a dark\n *     pattern. (Disable with `autoScroll={false}` if your dialog\n *     manages focus differently.)\n *   - Sensible defaults: `severity='error'`, top margin baked in so\n *     it sits naturally above the first field, `flex-start`\n *     alignment so multi-line messages don't push the close button\n *     out of place.\n *\n * @example\n * ```tsx\n * const [error, setError] = useState<string | null>(null);\n *\n * <DialogContent>\n *   {error && <FormAlert onClose={() => setError(null)}>{error}</FormAlert>}\n *   <TextField ... />\n * </DialogContent>\n * ```\n */\nexport function FormAlert({\n  severity = 'error',\n  title,\n  children,\n  onClose,\n  autoScroll = true,\n  sx,\n  ref: outerRef,\n  ...other\n}: FormAlertProps): ReactNode {\n  const ref = useRef<HTMLDivElement>(null);\n  // Its own ref (to scroll into view) and the caller's (a transition, a\n  // tooltip) are the same node — both have to reach it.\n  const handleRef = useForkRef(ref, outerRef);\n\n  useEffect(() => {\n    if (!autoScroll) return undefined;\n    // Schedule after paint so we measure the alert in its final\n    // position. `nearest` keeps the dialog stable instead of\n    // jumping to the very top, which would feel jarring if the\n    // alert is already visible.\n    const id = requestAnimationFrame(() => {\n      ref.current?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n    });\n    return () => cancelAnimationFrame(id);\n  }, [autoScroll]);\n\n  return (\n    <MuiAlert\n      ref={handleRef}\n      {...other}\n      severity={severity}\n      onClose={onClose}\n      // role/aria-live are normally set by MUI based on severity, but\n      // form-level surfacing of submission errors warrants assertive\n      // announcement regardless of severity. aria-atomic ensures the\n      // whole alert is read together (title + body), not piecewise.\n      role=\"alert\"\n      aria-live=\"assertive\"\n      aria-atomic=\"true\"\n      sx={mergeSx(\n        {\n          alignItems: 'flex-start',\n          mb: 2,\n        },\n        sx,\n      )}\n    >\n      {title && <AlertTitle sx={{ mb: 0.5 }}>{title}</AlertTitle>}\n      {children}\n    </MuiAlert>\n  );\n}\n"]}

package/dist/chunk-YHM6GIHV.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-YHM6GIHV.js.map
+//# sourceMappingURL=chunk-YHM6GIHV.js.map

package/dist/chunk-YHM6GIHV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-YHM6GIHV.js"}

package/dist/{chunk-SNZK5X6F.js → chunk-Z2AN43YU.js}

@@ -12,6 +12,8 @@ import Typography from '@mui/material/Typography';
 import { alpha } from '@mui/material/styles';
 import { useVirtualizer } from '@tanstack/react-virtual';
 
+// src/components/emoji-picker/emoji.tsx
+
 // src/components/emoji-picker/twemoji-url.ts
 var VARIATION_SELECTOR = 65039;
 var TWEMOJI_BASE = "https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg";
@@ -590,5 +592,5 @@ function mergeI18n(override) {
 }
 
 export { Emoji, EmojiPicker };
-//# sourceMappingURL=chunk-SNZK5X6F.js.map
-//# sourceMappingURL=chunk-SNZK5X6F.js.map
+//# sourceMappingURL=chunk-Z2AN43YU.js.map
+//# sourceMappingURL=chunk-Z2AN43YU.js.map