@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/chunk-LQNDBPHU.mjs

@@ -0,0 +1,142 @@
+import {
+  default as default2,
+  default2 as default3
+} from "./chunk-PNSJC6PC.mjs";
+
+// src/components/elemental/Skeleton/MuiSkeleton/index.ts
+import { default as default4 } from "@mui/material/Skeleton";
+
+// src/components/elemental/Skeleton/DialogSkeleton/DialogSkeleton.tsx
+import { jsx } from "react/jsx-runtime";
+function DialogSkeleton({
+  height = 60
+}) {
+  const numberOfLines = Math.floor(height / 5);
+  if (numberOfLines < 1) return null;
+  return /* @__PURE__ */ jsx(default3, { spacing: 0.5, width: "100%", children: Array(numberOfLines).fill(0).map((_, index) => /* @__PURE__ */ jsx(
+    default4,
+    {
+      variant: "rounded",
+      width: `${100 - index % 3 * 15}%`,
+      height: 5
+    },
+    index
+  )) });
+}
+
+// src/components/elemental/Skeleton/SoftSkeleton/SoftSkeleton.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var softShimmerSx = {
+  bgcolor: "color-mix(in srgb, var(--mui-palette-border-1) 55%, transparent)",
+  borderRadius: "8px",
+  "&.MuiSkeleton-wave::after": {
+    background: "linear-gradient(90deg, transparent, color-mix(in srgb, var(--mui-palette-background-paper) 55%, transparent), transparent)"
+  }
+};
+function SoftSkeleton({
+  preset = "text",
+  lines = 3,
+  sx
+}) {
+  if (preset === "card") {
+    return /* @__PURE__ */ jsxs(
+      default2,
+      {
+        "data-testid": "soft-skeleton",
+        "data-preset": "card",
+        sx: [
+          {
+            p: 2,
+            borderRadius: "16px",
+            border: "1px solid var(--mui-palette-border-1)",
+            backgroundColor: "color-mix(in srgb, var(--mui-palette-background-paper) 80%, transparent)",
+            boxSizing: "border-box"
+          },
+          ...Array.isArray(sx) ? sx : sx ? [sx] : []
+        ],
+        children: [
+          /* @__PURE__ */ jsx2(
+            default4,
+            {
+              variant: "rounded",
+              animation: "wave",
+              height: 120,
+              sx: { ...softShimmerSx, mb: 1.5, borderRadius: "12px" }
+            }
+          ),
+          /* @__PURE__ */ jsx2(default4, { variant: "text", animation: "wave", width: "60%", sx: softShimmerSx }),
+          /* @__PURE__ */ jsx2(default4, { variant: "text", animation: "wave", width: "90%", sx: softShimmerSx }),
+          /* @__PURE__ */ jsx2(default4, { variant: "text", animation: "wave", width: "40%", sx: softShimmerSx })
+        ]
+      }
+    );
+  }
+  if (preset === "row") {
+    return /* @__PURE__ */ jsx2(
+      default3,
+      {
+        "data-testid": "soft-skeleton",
+        "data-preset": "row",
+        spacing: 1,
+        sx,
+        children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsxs(
+          default2,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              gap: 1.5,
+              p: 1,
+              borderRadius: "12px",
+              border: "1px solid var(--mui-palette-border-1)"
+            },
+            children: [
+              /* @__PURE__ */ jsx2(
+                default4,
+                {
+                  variant: "circular",
+                  animation: "wave",
+                  width: 36,
+                  height: 36,
+                  sx: softShimmerSx
+                }
+              ),
+              /* @__PURE__ */ jsxs(default2, { sx: { flex: 1 }, children: [
+                /* @__PURE__ */ jsx2(default4, { variant: "text", animation: "wave", width: "45%", sx: softShimmerSx }),
+                /* @__PURE__ */ jsx2(default4, { variant: "text", animation: "wave", width: "75%", sx: softShimmerSx })
+              ] })
+            ]
+          },
+          i
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(
+    default3,
+    {
+      "data-testid": "soft-skeleton",
+      "data-preset": "text",
+      spacing: 0.75,
+      sx,
+      children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx2(
+        default4,
+        {
+          variant: "rounded",
+          animation: "wave",
+          height: 10,
+          width: `${100 - i % 3 * 18}%`,
+          sx: softShimmerSx
+        },
+        i
+      ))
+    }
+  );
+}
+
+export {
+  default4 as default,
+  DialogSkeleton,
+  SoftSkeleton
+};
+//# sourceMappingURL=chunk-LQNDBPHU.mjs.map

package/dist/chunk-LQNDBPHU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Skeleton/MuiSkeleton/index.ts","../src/components/elemental/Skeleton/DialogSkeleton/DialogSkeleton.tsx","../src/components/elemental/Skeleton/SoftSkeleton/SoftSkeleton.tsx"],"sourcesContent":["export {default as Skeleton} from '@mui/material/Skeleton'\n","import { Stack as MuiStack } from '@/ele/Box'\n\nimport { Skeleton } from '../MuiSkeleton'\n\n/**\n * A skeleton component for displaying a loading state for dialogs.\n * @param {Object} props - The properties for the DialogSkeleton component.\n * @param {number} [props.height=60] - The height of the entire skeleton\n */\nexport default function DialogSkeleton({\n  height = 60,\n}: {\n  height?: number;\n}) {\n  const numberOfLines = Math.floor(height / 5)\n  if(numberOfLines < 1) return null\n  return (\n    <MuiStack spacing={0.5} width=\"100%\">\n      {\n        Array(numberOfLines).fill(0).map((_, index) => (\n          <Skeleton\n            key={index}\n            variant=\"rounded\"\n            width={`${100 - index%3 * 15}%`}\n            height={5}\n\n          />\n        ))\n      }\n    </MuiStack>\n  )\n\n}\n","'use client'\nimport type React from 'react'\nimport { Box, Stack } from '@/ele/Box'\nimport { Skeleton } from '../MuiSkeleton'\n\nexport type SoftSkeletonPreset = 'text' | 'row' | 'card'\n\nexport type SoftSkeletonProps = {\n  preset?: SoftSkeletonPreset\n  /** Rows for text/row presets. Default 3. */\n  lines?: number\n  sx?: React.ComponentProps<typeof Box>['sx']\n}\n\nconst softShimmerSx = {\n  bgcolor: 'color-mix(in srgb, var(--mui-palette-border-1) 55%, transparent)',\n  borderRadius: '8px',\n  '&.MuiSkeleton-wave::after': {\n    background:\n      'linear-gradient(90deg, transparent, color-mix(in srgb, var(--mui-palette-background-paper) 55%, transparent), transparent)',\n  },\n} as const\n\n/**\n * Soft shimmer skeleton presets for common layouts (text / row / card).\n */\nexport function SoftSkeleton({\n  preset = 'text',\n  lines = 3,\n  sx,\n}: SoftSkeletonProps) {\n  if (preset === 'card') {\n    return (\n      <Box\n        data-testid=\"soft-skeleton\"\n        data-preset=\"card\"\n        sx={[\n          {\n            p: 2,\n            borderRadius: '16px',\n            border: '1px solid var(--mui-palette-border-1)',\n            backgroundColor:\n              'color-mix(in srgb, var(--mui-palette-background-paper) 80%, transparent)',\n            boxSizing: 'border-box',\n          },\n          ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n        ] as never}\n      >\n        <Skeleton\n          variant=\"rounded\"\n          animation=\"wave\"\n          height={120}\n          sx={{ ...softShimmerSx, mb: 1.5, borderRadius: '12px' }}\n        />\n        <Skeleton variant=\"text\" animation=\"wave\" width=\"60%\" sx={softShimmerSx} />\n        <Skeleton variant=\"text\" animation=\"wave\" width=\"90%\" sx={softShimmerSx} />\n        <Skeleton variant=\"text\" animation=\"wave\" width=\"40%\" sx={softShimmerSx} />\n      </Box>\n    )\n  }\n\n  if (preset === 'row') {\n    return (\n      <Stack\n        data-testid=\"soft-skeleton\"\n        data-preset=\"row\"\n        spacing={1}\n        sx={sx as never}\n      >\n        {Array.from({ length: lines }).map((_, i) => (\n          <Box\n            key={i}\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 1.5,\n              p: 1,\n              borderRadius: '12px',\n              border: '1px solid var(--mui-palette-border-1)',\n            }}\n          >\n            <Skeleton\n              variant=\"circular\"\n              animation=\"wave\"\n              width={36}\n              height={36}\n              sx={softShimmerSx}\n            />\n            <Box sx={{ flex: 1 }}>\n              <Skeleton variant=\"text\" animation=\"wave\" width=\"45%\" sx={softShimmerSx} />\n              <Skeleton variant=\"text\" animation=\"wave\" width=\"75%\" sx={softShimmerSx} />\n            </Box>\n          </Box>\n        ))}\n      </Stack>\n    )\n  }\n\n  // text\n  return (\n    <Stack\n      data-testid=\"soft-skeleton\"\n      data-preset=\"text\"\n      spacing={0.75}\n      sx={sx as never}\n    >\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={i}\n          variant=\"rounded\"\n          animation=\"wave\"\n          height={10}\n          width={`${100 - (i % 3) * 18}%`}\n          sx={softShimmerSx}\n        />\n      ))}\n    </Stack>\n  )\n}\n"],"mappings":"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","names":["default","default","jsx","default"]}

package/dist/{chunk-E3I2VDHZ.mjs → chunk-M2PYXSAF.mjs}

@@ -1,6 +1,6 @@
 import {
   default as default4
-} from "./chunk-UDREPVEY.mjs";
+} from "./chunk-RVSMEZE3.mjs";
 import {
   AnimatedPending,
   Icon_default2 as Icon_default
@@ -9,9 +9,11 @@ import {
   default as default3
 } from "./chunk-4RPFRNXG.mjs";
 import {
-  default as default2,
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
   mergeSx
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-AFLEG5ZC.mjs";
 
 // src/components/elemental/Loading/src/LoadingText.tsx
 import { useEffect, useMemo, useState } from "react";
@@ -289,4 +291,4 @@ export {
   Loading,
   LoadingModal
 };
-//# sourceMappingURL=chunk-E3I2VDHZ.mjs.map
+//# sourceMappingURL=chunk-M2PYXSAF.mjs.map

package/dist/{chunk-E3I2VDHZ.mjs.map → chunk-M2PYXSAF.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/elemental/Loading/src/LoadingText.tsx","../src/components/elemental/Loading/src/theme.ts","../src/components/elemental/Loading/src/Loading.tsx","../src/components/elemental/Loading/src/LoadingModal.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useMemo, useState, type ComponentProps } from 'react'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nimport { mergeSx } from '@/_utils/_func'\nimport { Box } from '@/ele/Box'\nimport { Typography } from '@/ele/Typography'\n\nimport { loadingTextColorVars, loadingTextToneVars, type LoadingTextColor } from './theme'\n\nexport type { LoadingTextColor }\n\nexport type LoadingTextProps = {\n  /** Single phrase, or a list that cycles. Default: \"Loading\". */\n  text?: string | readonly string[]\n  /** Milliseconds between phrase changes when `text` is a list. Default: 2200. */\n  interval?: number\n  /** Trailing animated dots. Default: true. */\n  dots?: boolean\n  /**\n   * When false, animation and dots stop and `readyText` (or the current\n   * phrase) is shown as settled copy. Default: true.\n   */\n  loading?: boolean\n  /** Copy shown when `loading` is false. Falls back to the current phrase. */\n  readyText?: string\n  /** Palette token. Recolor with `--text-hue`; optionally pin `--text-color` / `--text-pulse-color`. */\n  color?: LoadingTextColor\n  variant?: ComponentProps<typeof Typography>['variant']\n  sx?: SxProps<Theme>\n}\n\nconst DEFAULT_TEXT = 'Loading'\n\nfunction toPhrases(text: string | readonly string[]): string[] {\n  if (typeof text === 'string') {\n    return [text]\n  }\n  return text.length > 0 ? [...text] : [DEFAULT_TEXT]\n}\n\nfunction phraseListKey(text: string | readonly string[]): string {\n  return typeof text === 'string' ? text : text.join('\\0')\n}\n\nconst inheritTypeSx = {\n  font: 'inherit',\n  fontSize: 'inherit',\n  fontWeight: 'inherit',\n  fontFamily: 'inherit',\n  fontStyle: 'inherit',\n  letterSpacing: 'inherit',\n  lineHeight: 'inherit',\n} as const\n\n/**\n * Animated status copy with a lighting shimmer.\n * Phrase lists cycle while `loading` is true. Honors `prefers-reduced-motion`.\n */\nexport function LoadingText({\n  text = DEFAULT_TEXT,\n  interval = 2200,\n  dots = true,\n  loading = true,\n  readyText,\n  color = 'text',\n  variant = 'body1',\n  sx,\n}: LoadingTextProps) {\n  const listKey = phraseListKey(text)\n  const phrases = useMemo(() => toPhrases(text), [text])\n  const [index, setIndex] = useState(0)\n  const phraseIndex = phrases.length > 0 ? index % phrases.length : 0\n  const phrase = loading\n    ? (phrases[phraseIndex] ?? DEFAULT_TEXT)\n    : (readyText ?? phrases[phraseIndex] ?? DEFAULT_TEXT)\n\n  useEffect(() => {\n    setIndex(0)\n  }, [listKey])\n\n  useEffect(() => {\n    if (!loading || phrases.length < 2) {\n      return\n    }\n    const count = phrases.length\n    const id = window.setInterval(() => {\n      setIndex((current) => (current + 1) % count)\n    }, Math.max(800, interval))\n    return () => window.clearInterval(id)\n  }, [interval, loading, listKey, phrases.length])\n\n  return (\n    <Typography\n      component=\"span\"\n      variant={variant}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy={loading}\n      sx={mergeSx(\n        {\n          display: 'inline-flex',\n          alignItems: 'baseline',\n          gap: '0.08em',\n          ...loadingTextToneVars,\n          ...(loadingTextColorVars[color] ?? loadingTextColorVars.text),\n          color: 'var(--text-color)',\n          m: 0,\n          '@media (prefers-reduced-motion: reduce)': {\n            '& [data-loading-highlight]': {\n              display: 'none',\n            },\n          },\n        },\n        sx,\n      )}\n    >\n      <LoadingPhrase phrase={phrase} loading={loading} />\n      {loading && dots ? <LoadingDots /> : null}\n    </Typography>\n  )\n}\n\nfunction LoadingPhrase({ phrase, loading }: { phrase: string; loading: boolean }) {\n  return (\n    <Box\n      component=\"span\"\n      key={`${loading}-${phrase}`}\n      data-loading-text=\"\"\n      sx={{\n        ...inheritTypeSx,\n        display: 'inline-block',\n        position: 'relative',\n        color: 'inherit',\n      }}\n    >\n      {phrase}\n      {loading ? (\n        <Box\n          component=\"span\"\n          aria-hidden\n          data-loading-highlight=\"\"\n          sx={{\n            ...inheritTypeSx,\n            position: 'absolute',\n            left: 0,\n            top: 0,\n            color: 'var(--text-pulse-color)',\n            pointerEvents: 'none',\n            maskImage:\n              'linear-gradient(90deg, transparent 32%, #000 50%, transparent 68%)',\n            WebkitMaskImage:\n              'linear-gradient(90deg, transparent 32%, #000 50%, transparent 68%)',\n            maskSize: '220% 100%',\n            WebkitMaskSize: '220% 100%',\n            maskRepeat: 'no-repeat',\n            WebkitMaskRepeat: 'no-repeat',\n            animation: 'sduiLoadingTextShimmer 1.7s ease-in-out infinite',\n            '@keyframes sduiLoadingTextShimmer': {\n              '0%': {\n                maskPosition: '120% 0',\n                WebkitMaskPosition: '120% 0',\n              },\n              '100%': {\n                maskPosition: '-20% 0',\n                WebkitMaskPosition: '-20% 0',\n              },\n            },\n          }}\n        >\n          {phrase}\n        </Box>\n      ) : null}\n    </Box>\n  )\n}\n\nfunction LoadingDots() {\n  return (\n    <Box\n      component=\"span\"\n      aria-hidden\n      sx={{\n        ...inheritTypeSx,\n        display: 'inline-flex',\n        width: '1.35em',\n        justifyContent: 'flex-start',\n        letterSpacing: 0,\n        color: 'var(--text-color)',\n      }}\n    >\n      {[0, 1, 2].map((dot) => (\n        <Box\n          key={dot}\n          component=\"span\"\n          data-loading-dot=\"\"\n          sx={{\n            ...inheritTypeSx,\n            animation: 'sduiLoadingTextDot 1.05s ease-in-out infinite',\n            animationDelay: `${dot * 0.16}s`,\n            '@keyframes sduiLoadingTextDot': {\n              '0%, 80%, 100%': { opacity: 0.25, color: 'var(--text-color)' },\n              '40%': { opacity: 1, color: 'var(--text-pulse-color)' },\n            },\n          }}\n        >\n          .\n        </Box>\n      ))}\n    </Box>\n  )\n}\n\nexport default LoadingText\n","export type LoadingTextColor =\n  | 'text'\n  | 'primary'\n  | 'secondary'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'system'\n  | 'insight'\n\ntype LoadingTextHueVars = {\n  '--text-hue': string\n  '--text-color'?: string\n  '--text-pulse-color'?: string\n}\n\n/**\n * `--text-hue` is the color control. Fill and gleam mix toward theme text\n * tokens so contrast holds in light and dark. Palette presets use `*-dark` /\n * `*-light`. Override `--text-hue` (or either paint) via `sx`.\n */\nexport const loadingTextToneVars = {\n  '--text-color':\n    'color-mix(in lab, var(--text-hue) 72%, var(--mui-palette-text-secondary))',\n  '--text-pulse-color':\n    'color-mix(in lab, var(--text-hue) 55%, var(--mui-palette-text-primary))',\n} as const\n\nexport const loadingTextColorVars: Record<LoadingTextColor, LoadingTextHueVars> = {\n  text: {\n    '--text-hue': 'var(--mui-palette-text-secondary)',\n  },\n  primary: {\n    '--text-hue': 'var(--mui-palette-primary-main)',\n    '--text-color': 'var(--mui-palette-primary-dark)',\n    '--text-pulse-color': 'var(--mui-palette-primary-light)',\n  },\n  secondary: {\n    '--text-hue': 'var(--mui-palette-secondary-main)',\n    '--text-color': 'var(--mui-palette-secondary-dark)',\n    '--text-pulse-color': 'var(--mui-palette-secondary-light)',\n  },\n  error: {\n    '--text-hue': 'var(--mui-palette-error-main)',\n    '--text-color': 'var(--mui-palette-error-dark)',\n    '--text-pulse-color': 'var(--mui-palette-error-light)',\n  },\n  info: {\n    '--text-hue': 'var(--mui-palette-info-main)',\n    '--text-color': 'var(--mui-palette-info-dark)',\n    '--text-pulse-color': 'var(--mui-palette-info-light)',\n  },\n  success: {\n    '--text-hue': 'var(--mui-palette-success-main)',\n    '--text-color': 'var(--mui-palette-success-dark)',\n    '--text-pulse-color': 'var(--mui-palette-success-light)',\n  },\n  warning: {\n    '--text-hue': 'var(--mui-palette-warning-main)',\n    '--text-color': 'var(--mui-palette-warning-dark)',\n    '--text-pulse-color': 'var(--mui-palette-warning-light)',\n  },\n  system: {\n    '--text-hue': 'var(--mui-palette-system-main)',\n    '--text-color': 'var(--mui-palette-system-dark)',\n    '--text-pulse-color': 'var(--mui-palette-system-light)',\n  },\n  insight: {\n    '--text-hue': 'var(--mui-palette-insight-main)',\n    '--text-color': 'var(--mui-palette-insight-dark)',\n    '--text-pulse-color': 'var(--mui-palette-insight-light)',\n  },\n}\n","import type { CSSProperties } from 'react'\nimport { AnimatedPendingIcon, AnimatedLoadingIcon } from '@/icons'\n\nimport LoadingText, { type LoadingTextProps } from './LoadingText'\n\nexport type LoadingVariant = 'circle' | 'hash' | 'text'\n\nexport type LoadingProps = {\n  variant?: LoadingVariant\n  size?: CSSProperties['width']\n} & Omit<LoadingTextProps, 'variant'>\n\nexport default function Loading(p: LoadingProps) {\n  const { variant = 'circle', size = '50px', ...textProps } = p\n\n  if (variant === 'text') {\n    return <LoadingText {...textProps} />\n  }\n\n  if (variant === 'hash') {\n    return <AnimatedPendingIcon size={size} />\n  }\n\n  return (\n    <AnimatedLoadingIcon\n      sx={{\n        fontSize: size,\n      }}\n    />\n  )\n}\n","import { Modal } from '@/ele/Modal'\nimport { Box } from '@/ele/Box'\n\nimport Loading from './Loading'\n\nexport default function LoadingModal({\n  open,\n  slotProps,\n}:{\n  open:React.ComponentProps<typeof Modal>['open'];\n  slotProps?:{\n    loading?:React.ComponentProps<typeof Loading>;\n  };\n}){\n\n  return (<Modal\n    open={open}\n    sx={{\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    }}\n  >\n    <Box sx={{\n     \n    }}>\n      <Loading \n        size={\"100px\"}\n        {...slotProps?.loading} \n      />\n    </Box>\n  </Modal>)\n}"],"mappings":"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","names":["default","jsx","jsx","default"]}
+{"version":3,"sources":["../src/components/elemental/Loading/src/LoadingText.tsx","../src/components/elemental/Loading/src/theme.ts","../src/components/elemental/Loading/src/Loading.tsx","../src/components/elemental/Loading/src/LoadingModal.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useMemo, useState, type ComponentProps } from 'react'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nimport { mergeSx } from '@/_utils/_func'\nimport { Box } from '@/ele/Box'\nimport { Typography } from '@/ele/Typography'\n\nimport { loadingTextColorVars, loadingTextToneVars, type LoadingTextColor } from './theme'\n\nexport type { LoadingTextColor }\n\nexport type LoadingTextProps = {\n  /** Single phrase, or a list that cycles. Default: \"Loading\". */\n  text?: string | readonly string[]\n  /** Milliseconds between phrase changes when `text` is a list. Default: 2200. */\n  interval?: number\n  /** Trailing animated dots. Default: true. */\n  dots?: boolean\n  /**\n   * When false, animation and dots stop and `readyText` (or the current\n   * phrase) is shown as settled copy. Default: true.\n   */\n  loading?: boolean\n  /** Copy shown when `loading` is false. Falls back to the current phrase. */\n  readyText?: string\n  /** Palette token. Recolor with `--text-hue`; optionally pin `--text-color` / `--text-pulse-color`. */\n  color?: LoadingTextColor\n  variant?: ComponentProps<typeof Typography>['variant']\n  sx?: SxProps<Theme>\n}\n\nconst DEFAULT_TEXT = 'Loading'\n\nfunction toPhrases(text: string | readonly string[]): string[] {\n  if (typeof text === 'string') {\n    return [text]\n  }\n  return text.length > 0 ? [...text] : [DEFAULT_TEXT]\n}\n\nfunction phraseListKey(text: string | readonly string[]): string {\n  return typeof text === 'string' ? text : text.join('\\0')\n}\n\nconst inheritTypeSx = {\n  font: 'inherit',\n  fontSize: 'inherit',\n  fontWeight: 'inherit',\n  fontFamily: 'inherit',\n  fontStyle: 'inherit',\n  letterSpacing: 'inherit',\n  lineHeight: 'inherit',\n} as const\n\n/**\n * Animated status copy with a lighting shimmer.\n * Phrase lists cycle while `loading` is true. Honors `prefers-reduced-motion`.\n */\nexport function LoadingText({\n  text = DEFAULT_TEXT,\n  interval = 2200,\n  dots = true,\n  loading = true,\n  readyText,\n  color = 'text',\n  variant = 'body1',\n  sx,\n}: LoadingTextProps) {\n  const listKey = phraseListKey(text)\n  const phrases = useMemo(() => toPhrases(text), [text])\n  const [index, setIndex] = useState(0)\n  const phraseIndex = phrases.length > 0 ? index % phrases.length : 0\n  const phrase = loading\n    ? (phrases[phraseIndex] ?? DEFAULT_TEXT)\n    : (readyText ?? phrases[phraseIndex] ?? DEFAULT_TEXT)\n\n  useEffect(() => {\n    setIndex(0)\n  }, [listKey])\n\n  useEffect(() => {\n    if (!loading || phrases.length < 2) {\n      return\n    }\n    const count = phrases.length\n    const id = window.setInterval(() => {\n      setIndex((current) => (current + 1) % count)\n    }, Math.max(800, interval))\n    return () => window.clearInterval(id)\n  }, [interval, loading, listKey, phrases.length])\n\n  return (\n    <Typography\n      component=\"span\"\n      variant={variant}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy={loading}\n      sx={mergeSx(\n        {\n          display: 'inline-flex',\n          alignItems: 'baseline',\n          gap: '0.08em',\n          ...loadingTextToneVars,\n          ...(loadingTextColorVars[color] ?? loadingTextColorVars.text),\n          color: 'var(--text-color)',\n          m: 0,\n          '@media (prefers-reduced-motion: reduce)': {\n            '& [data-loading-highlight]': {\n              display: 'none',\n            },\n          },\n        },\n        sx,\n      )}\n    >\n      <LoadingPhrase phrase={phrase} loading={loading} />\n      {loading && dots ? <LoadingDots /> : null}\n    </Typography>\n  )\n}\n\nfunction LoadingPhrase({ phrase, loading }: { phrase: string; loading: boolean }) {\n  return (\n    <Box\n      component=\"span\"\n      key={`${loading}-${phrase}`}\n      data-loading-text=\"\"\n      sx={{\n        ...inheritTypeSx,\n        display: 'inline-block',\n        position: 'relative',\n        color: 'inherit',\n      }}\n    >\n      {phrase}\n      {loading ? (\n        <Box\n          component=\"span\"\n          aria-hidden\n          data-loading-highlight=\"\"\n          sx={{\n            ...inheritTypeSx,\n            position: 'absolute',\n            left: 0,\n            top: 0,\n            color: 'var(--text-pulse-color)',\n            pointerEvents: 'none',\n            maskImage:\n              'linear-gradient(90deg, transparent 32%, #000 50%, transparent 68%)',\n            WebkitMaskImage:\n              'linear-gradient(90deg, transparent 32%, #000 50%, transparent 68%)',\n            maskSize: '220% 100%',\n            WebkitMaskSize: '220% 100%',\n            maskRepeat: 'no-repeat',\n            WebkitMaskRepeat: 'no-repeat',\n            animation: 'sduiLoadingTextShimmer 1.7s ease-in-out infinite',\n            '@keyframes sduiLoadingTextShimmer': {\n              '0%': {\n                maskPosition: '120% 0',\n                WebkitMaskPosition: '120% 0',\n              },\n              '100%': {\n                maskPosition: '-20% 0',\n                WebkitMaskPosition: '-20% 0',\n              },\n            },\n          }}\n        >\n          {phrase}\n        </Box>\n      ) : null}\n    </Box>\n  )\n}\n\nfunction LoadingDots() {\n  return (\n    <Box\n      component=\"span\"\n      aria-hidden\n      sx={{\n        ...inheritTypeSx,\n        display: 'inline-flex',\n        width: '1.35em',\n        justifyContent: 'flex-start',\n        letterSpacing: 0,\n        color: 'var(--text-color)',\n      }}\n    >\n      {[0, 1, 2].map((dot) => (\n        <Box\n          key={dot}\n          component=\"span\"\n          data-loading-dot=\"\"\n          sx={{\n            ...inheritTypeSx,\n            animation: 'sduiLoadingTextDot 1.05s ease-in-out infinite',\n            animationDelay: `${dot * 0.16}s`,\n            '@keyframes sduiLoadingTextDot': {\n              '0%, 80%, 100%': { opacity: 0.25, color: 'var(--text-color)' },\n              '40%': { opacity: 1, color: 'var(--text-pulse-color)' },\n            },\n          }}\n        >\n          .\n        </Box>\n      ))}\n    </Box>\n  )\n}\n\nexport default LoadingText\n","export type LoadingTextColor =\n  | 'text'\n  | 'primary'\n  | 'secondary'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'system'\n  | 'insight'\n\ntype LoadingTextHueVars = {\n  '--text-hue': string\n  '--text-color'?: string\n  '--text-pulse-color'?: string\n}\n\n/**\n * `--text-hue` is the color control. Fill and gleam mix toward theme text\n * tokens so contrast holds in light and dark. Palette presets use `*-dark` /\n * `*-light`. Override `--text-hue` (or either paint) via `sx`.\n */\nexport const loadingTextToneVars = {\n  '--text-color':\n    'color-mix(in lab, var(--text-hue) 72%, var(--mui-palette-text-secondary))',\n  '--text-pulse-color':\n    'color-mix(in lab, var(--text-hue) 55%, var(--mui-palette-text-primary))',\n} as const\n\nexport const loadingTextColorVars: Record<LoadingTextColor, LoadingTextHueVars> = {\n  text: {\n    '--text-hue': 'var(--mui-palette-text-secondary)',\n  },\n  primary: {\n    '--text-hue': 'var(--mui-palette-primary-main)',\n    '--text-color': 'var(--mui-palette-primary-dark)',\n    '--text-pulse-color': 'var(--mui-palette-primary-light)',\n  },\n  secondary: {\n    '--text-hue': 'var(--mui-palette-secondary-main)',\n    '--text-color': 'var(--mui-palette-secondary-dark)',\n    '--text-pulse-color': 'var(--mui-palette-secondary-light)',\n  },\n  error: {\n    '--text-hue': 'var(--mui-palette-error-main)',\n    '--text-color': 'var(--mui-palette-error-dark)',\n    '--text-pulse-color': 'var(--mui-palette-error-light)',\n  },\n  info: {\n    '--text-hue': 'var(--mui-palette-info-main)',\n    '--text-color': 'var(--mui-palette-info-dark)',\n    '--text-pulse-color': 'var(--mui-palette-info-light)',\n  },\n  success: {\n    '--text-hue': 'var(--mui-palette-success-main)',\n    '--text-color': 'var(--mui-palette-success-dark)',\n    '--text-pulse-color': 'var(--mui-palette-success-light)',\n  },\n  warning: {\n    '--text-hue': 'var(--mui-palette-warning-main)',\n    '--text-color': 'var(--mui-palette-warning-dark)',\n    '--text-pulse-color': 'var(--mui-palette-warning-light)',\n  },\n  system: {\n    '--text-hue': 'var(--mui-palette-system-main)',\n    '--text-color': 'var(--mui-palette-system-dark)',\n    '--text-pulse-color': 'var(--mui-palette-system-light)',\n  },\n  insight: {\n    '--text-hue': 'var(--mui-palette-insight-main)',\n    '--text-color': 'var(--mui-palette-insight-dark)',\n    '--text-pulse-color': 'var(--mui-palette-insight-light)',\n  },\n}\n","import type { CSSProperties } from 'react'\nimport { AnimatedPendingIcon, AnimatedLoadingIcon } from '@/icons'\n\nimport LoadingText, { type LoadingTextProps } from './LoadingText'\n\nexport type LoadingVariant = 'circle' | 'hash' | 'text'\n\nexport type LoadingProps = {\n  variant?: LoadingVariant\n  size?: CSSProperties['width']\n} & Omit<LoadingTextProps, 'variant'>\n\nexport default function Loading(p: LoadingProps) {\n  const { variant = 'circle', size = '50px', ...textProps } = p\n\n  if (variant === 'text') {\n    return <LoadingText {...textProps} />\n  }\n\n  if (variant === 'hash') {\n    return <AnimatedPendingIcon size={size} />\n  }\n\n  return (\n    <AnimatedLoadingIcon\n      sx={{\n        fontSize: size,\n      }}\n    />\n  )\n}\n","import { Modal } from '@/ele/Modal'\nimport { Box } from '@/ele/Box'\n\nimport Loading from './Loading'\n\nexport default function LoadingModal({\n  open,\n  slotProps,\n}:{\n  open:React.ComponentProps<typeof Modal>['open'];\n  slotProps?:{\n    loading?:React.ComponentProps<typeof Loading>;\n  };\n}){\n\n  return (<Modal\n    open={open}\n    sx={{\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    }}\n  >\n    <Box sx={{\n     \n    }}>\n      <Loading \n        size={\"100px\"}\n        {...slotProps?.loading} \n      />\n    </Box>\n  </Modal>)\n}"],"mappings":"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","names":["default","jsx","jsx","default"]}

package/dist/{chunk-DELCADNF.mjs → chunk-ODVKRIVN.mjs}

@@ -1,37 +1,30 @@
 import {
   FormModalRenderer,
   useConfiguredForm
-} from "./chunk-24XDGNJ6.mjs";
-import {
-  default as default18
-} from "./chunk-VYD3PDBB.mjs";
+} from "./chunk-4P45Z5LR.mjs";
 import {
   MenuPopper,
   useMenu
-} from "./chunk-HR3A4H4E.mjs";
-import {
-  default as default16
-} from "./chunk-3DQINB57.mjs";
+} from "./chunk-PEJL2T2K.mjs";
 import {
   default as default17
-} from "./chunk-BGB7JHIU.mjs";
+} from "./chunk-3DQINB57.mjs";
 import {
-  MuiFormControlLabel,
-  default3 as default15
-} from "./chunk-T4X375IG.mjs";
+  default as default18
+} from "./chunk-FMGZCOJC.mjs";
 import {
   MuiPaper
 } from "./chunk-3VUAM2GY.mjs";
+import {
+  MuiFormControlLabel,
+  default3 as default16
+} from "./chunk-T4X375IG.mjs";
 import {
   CircularProgress
 } from "./chunk-WYYP3Y34.mjs";
 import {
-  Button,
-  IconButton_default
-} from "./chunk-JIU5GVM7.mjs";
-import {
-  default as default5
-} from "./chunk-4Q54P737.mjs";
+  default as default15
+} from "./chunk-VYD3PDBB.mjs";
 import {
   default109 as default6,
   default110 as default7,
@@ -43,13 +36,20 @@ import {
   default116 as default13,
   default117 as default14
 } from "./chunk-ZVFYOXDE.mjs";
+import {
+  Button,
+  IconButton_default
+} from "./chunk-D4XPNSSI.mjs";
+import {
+  default as default5
+} from "./chunk-4Q54P737.mjs";
 import {
   default as default4
 } from "./chunk-4RPFRNXG.mjs";
 import {
   default as default2,
   default2 as default3
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-PNSJC6PC.mjs";
 
 // src/components/compound/Table/src/Table.tsx
 import React9 from "react";
@@ -139,7 +139,7 @@ function RowControlsCell({
       }
     ) : enableRowSelection ? /* @__PURE__ */ jsx(default2, { sx: { width: 28 } }) : null : null,
     enableRowSelection ? /* @__PURE__ */ jsx(
-      default17,
+      default18,
       {
         size: "small",
         checked: isRowChecked,
@@ -344,7 +344,7 @@ function ConfirmDialog({
             {
               sx: { mt: 1 },
               control: /* @__PURE__ */ jsx4(
-                default17,
+                default18,
                 {
                   size: "small",
                   checked,
@@ -831,7 +831,7 @@ function GlobalFilterControlComponent({ value, onChange, placeholder }) {
     };
   }, [draftValue, onChange, value]);
   return /* @__PURE__ */ jsx6(
-    default18,
+    default15,
     {
       size: "small",
       value: draftValue,
@@ -840,8 +840,8 @@ function GlobalFilterControlComponent({ value, onChange, placeholder }) {
       variant: "outlined",
       slotProps: {
         input: {
-          startAdornment: /* @__PURE__ */ jsx6(default15, { position: "start", children: /* @__PURE__ */ jsx6(default8, { fontSize: "small", color: "action" }) }),
-          endAdornment: draftValue ? /* @__PURE__ */ jsx6(default15, { position: "end", children: /* @__PURE__ */ jsx6(default5, { title: "Clear", children: /* @__PURE__ */ jsx6(
+          startAdornment: /* @__PURE__ */ jsx6(default16, { position: "start", children: /* @__PURE__ */ jsx6(default8, { fontSize: "small", color: "action" }) }),
+          endAdornment: draftValue ? /* @__PURE__ */ jsx6(default16, { position: "end", children: /* @__PURE__ */ jsx6(default5, { title: "Clear", children: /* @__PURE__ */ jsx6(
             IconButton_default,
             {
               size: "small",
@@ -1114,7 +1114,7 @@ function ColumnFilterDropdown({
   const optionHeader = React7.useMemo(
     () => /* @__PURE__ */ jsxs4(default2, { children: [
       /* @__PURE__ */ jsx8(default2, { sx: { px: 1.25, pb: 1, pt: 1 }, children: /* @__PURE__ */ jsx8(
-        default18,
+        default15,
         {
           size: "small",
           fullWidth: true,
@@ -1131,7 +1131,7 @@ function ColumnFilterDropdown({
           }
         }
       ) }),
-      /* @__PURE__ */ jsx8(default16, { sx: { my: 0.5 } })
+      /* @__PURE__ */ jsx8(default17, { sx: { my: 0.5 } })
     ] }),
     [applyQuery, placeholder, queryDraft]
   );
@@ -1174,7 +1174,7 @@ function ColumnFilterDropdown({
     {
       id: "__select_all__",
       icon: /* @__PURE__ */ jsx8(
-        default17,
+        default18,
         {
           size: "small",
           disableRipple: true,
@@ -1191,7 +1191,7 @@ function ColumnFilterDropdown({
       return {
         id: value,
         icon: /* @__PURE__ */ jsx8(
-          default17,
+          default18,
           {
             size: "small",
             disableRipple: true,
@@ -1685,7 +1685,7 @@ function TableInner(props) {
         header: ({ table: table2 }) => /* @__PURE__ */ jsxs9(default2, { sx: { display: "flex", justifyContent: "center", alignItems: "center", width: "100%", gap: 1 }, children: [
           isExpandable && enableRowSelection ? /* @__PURE__ */ jsx13(default2, { sx: { width: 28 } }) : null,
           enableRowSelection ? /* @__PURE__ */ jsx13(
-            default17,
+            default18,
             {
               size: "small",
               checked: enablePagination ? table2.getIsAllPageRowsSelected() : table2.getIsAllRowsSelected(),
@@ -1923,4 +1923,4 @@ export {
   PercentageBar,
   renderPercentageBar
 };
-//# sourceMappingURL=chunk-DELCADNF.mjs.map
+//# sourceMappingURL=chunk-ODVKRIVN.mjs.map

package/dist/{chunk-HR3A4H4E.mjs → chunk-PEJL2T2K.mjs}

@@ -1,34 +1,36 @@
 import {
   default as default11,
   default5 as default12
-} from "./chunk-TDRA5EZI.mjs";
-import {
-  default3 as default10
-} from "./chunk-T4X375IG.mjs";
+} from "./chunk-PUREEN2J.mjs";
 import {
   MuiPaper
 } from "./chunk-3VUAM2GY.mjs";
+import {
+  default3 as default10
+} from "./chunk-T4X375IG.mjs";
 import {
   default as default4,
   default2 as default5
 } from "./chunk-MDAUF7IL.mjs";
-import {
-  IconButton_HoverSpinnin_default,
-  IconButton_default
-} from "./chunk-JIU5GVM7.mjs";
 import {
   default108 as default8,
   default110 as default9,
   default33 as default6,
   default51 as default7
 } from "./chunk-ZVFYOXDE.mjs";
+import {
+  IconButton_HoverSpinnin_default,
+  IconButton_default
+} from "./chunk-D4XPNSSI.mjs";
 import {
   default as default3
 } from "./chunk-4RPFRNXG.mjs";
 import {
-  default as default2,
+  default as default2
+} from "./chunk-PNSJC6PC.mjs";
+import {
   mergeSx
-} from "./chunk-S6EZVRZC.mjs";
+} from "./chunk-AFLEG5ZC.mjs";
 
 // src/components/elemental/Menu/src/Menu/Menu.tsx
 import { useState, forwardRef, useImperativeHandle, useMemo, useEffect } from "react";
@@ -1286,4 +1288,4 @@ export {
   ModelMenu,
   ModelPicker
 };
-//# sourceMappingURL=chunk-HR3A4H4E.mjs.map
+//# sourceMappingURL=chunk-PEJL2T2K.mjs.map