@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-UTVSYS6S.mjs

@@ -0,0 +1,270 @@
+import {
+  default as default4
+} from "./chunk-MDAUF7IL.mjs";
+import {
+  IconButton_default
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  default as default3
+} from "./chunk-4Q54P737.mjs";
+import {
+  default124 as default5
+} from "./chunk-ZVFYOXDE.mjs";
+import {
+  default as default2,
+  mergeSx
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/compound/UseForm/src/_utils/constants.ts
+var FIELD_TYPEs = {
+  text: "text-field",
+  select: "select-field",
+  slider: "slider-field",
+  check: "check-field",
+  date: "date-field",
+  dateTime: "date-time-field",
+  toggleButton: "toggle-button",
+  autocomplete: "autocomplete-field",
+  switch: "switch-field",
+  number: "number-field",
+  tel: "tel-field",
+  json: "json-field",
+  custom: "custom-field",
+  textArray: "text-array-field",
+  fileUpload: "file-upload-field",
+  avatar: "avatar-field"
+};
+
+// src/components/compound/UseForm/src/_utils/helpers.ts
+function mergeFieldSx(size, sx) {
+  return mergeSx(
+    size?.width != null ? { width: size.width } : void 0,
+    size?.height != null ? { height: size.height } : void 0,
+    sx
+  );
+}
+function collectRows(config) {
+  const rows = [];
+  if ("schema" in config && config.schema) {
+    rows.push(...config.schema);
+  }
+  if ("steps" in config && config.steps) {
+    config.steps.forEach((step) => rows.push(...step.schema));
+  }
+  return rows;
+}
+function collectFields(config) {
+  return collectRows(config).flatMap((row) => row.fields);
+}
+function getFormFieldsSignature(config) {
+  return JSON.stringify(
+    collectFields(config).map((field) => [field.name, field.type, field.defaultValue])
+  );
+}
+function getFieldExplanation(field) {
+  return field.explanation ?? field.explaination;
+}
+function isEmptyFormValue(value) {
+  if (value === void 0 || value === null) return true;
+  if (typeof value === "string" && value.trim() === "") return true;
+  if (Array.isArray(value) && value.length === 0) return true;
+  return false;
+}
+function validateFormSchema(config) {
+  const allowedTypes = new Set(Object.values(FIELD_TYPEs));
+  collectRows(config).forEach((row) => {
+    row.fields.forEach((field) => {
+      if (!allowedTypes.has(field.type)) {
+        throw new Error(`Invalid field type "${String(field.type)}" in form schema`);
+      }
+    });
+  });
+  return config;
+}
+var getDefaultValues = (config, allEmpty) => {
+  if (!allEmpty && config.defaultValues) return config.defaultValues;
+  const defaults = {};
+  collectRows(config).forEach((row) => {
+    row.fields.forEach((field) => {
+      const fieldName = field.name;
+      if (field.defaultValue !== void 0 && !allEmpty) {
+        defaults[fieldName] = field.defaultValue;
+      } else {
+        const slotProps = field.slotProps ?? {};
+        switch (field.type) {
+          case FIELD_TYPEs.text:
+            defaults[fieldName] = "";
+            break;
+          case FIELD_TYPEs.select:
+            defaults[fieldName] = slotProps?.multiple ? [] : "";
+            break;
+          case FIELD_TYPEs.check:
+            defaults[fieldName] = [];
+            break;
+          case FIELD_TYPEs.slider: {
+            const min = slotProps?.min ?? 0;
+            defaults[fieldName] = min;
+            break;
+          }
+          case FIELD_TYPEs.date:
+          case FIELD_TYPEs.dateTime:
+            defaults[fieldName] = "";
+            break;
+          case FIELD_TYPEs.toggleButton:
+            defaults[fieldName] = "";
+            break;
+          case FIELD_TYPEs.autocomplete:
+            defaults[fieldName] = slotProps?.multiple ? [] : "";
+            break;
+          case FIELD_TYPEs.switch:
+            defaults[fieldName] = false;
+            break;
+          case FIELD_TYPEs.number: {
+            const min = slotProps?.min ?? 0;
+            defaults[fieldName] = min;
+            break;
+          }
+          case FIELD_TYPEs.tel:
+            defaults[fieldName] = "";
+            break;
+          case FIELD_TYPEs.json:
+            defaults[fieldName] = null;
+            break;
+          case FIELD_TYPEs.textArray:
+            defaults[fieldName] = [];
+            break;
+          case FIELD_TYPEs.fileUpload:
+            defaults[fieldName] = [];
+            break;
+          case FIELD_TYPEs.custom:
+            defaults[fieldName] = void 0;
+            break;
+          case FIELD_TYPEs.avatar:
+            defaults[fieldName] = null;
+            break;
+          default:
+            defaults[fieldName] = void 0;
+        }
+      }
+    });
+  });
+  return defaults;
+};
+
+// src/components/compound/UseForm/src/Fields/Explanation.tsx
+import { useState, useRef } from "react";
+import { styled } from "@mui/material/styles";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var FIELD_INPUT_CONTROL_HEIGHT_PX = 40;
+var FieldExplanation = ({ label, explanation, explaination, alignToInput }) => {
+  const popRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const content = explanation ?? explaination;
+  if (!content) return /* @__PURE__ */ jsx(Fragment, { children: label });
+  const icon = /* @__PURE__ */ jsxs(default2, { component: "span", sx: { display: "flex", alignItems: "center", gap: 0.5, lineHeight: 1 }, children: [
+    label,
+    /* @__PURE__ */ jsx(default4, { onClickAway: (e) => {
+      if (popRef.current && e.target && isChildOf(popRef.current, e.target)) return;
+      setOpen(false);
+    }, children: /* @__PURE__ */ jsx(
+      default3,
+      {
+        title: /* @__PURE__ */ jsx(Title, { explanation: content }),
+        arrow: true,
+        open,
+        slotProps: {
+          popper: { ref: popRef }
+        },
+        children: /* @__PURE__ */ jsx(StyledIconButton, { onClick: (e) => {
+          e.stopPropagation();
+          setOpen(true);
+        }, tabIndex: -1, children: /* @__PURE__ */ jsx(default5, { sx: { fontSize: "14px" } }) })
+      }
+    ) })
+  ] });
+  if (!alignToInput) return icon;
+  return /* @__PURE__ */ jsx(
+    default2,
+    {
+      "data-field-explanation": "input",
+      style: { height: FIELD_INPUT_CONTROL_HEIGHT_PX },
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        flexShrink: 0
+      },
+      children: icon
+    }
+  );
+};
+var Explanation_default = FieldExplanation;
+var Title = ({ explanation }) => {
+  const { highlights, href, content = "" } = explanation ?? {};
+  const reg = new RegExp(`(${highlights?.join("|")})`, "g");
+  const highlightedContent = content.split(reg).map(
+    (part, index) => {
+      if (highlights?.includes(part)) {
+        return /* @__PURE__ */ jsx(default2, { component: "span", sx: {
+          color: "var(--useform-warning)",
+          fontSize: "1.2em",
+          fontWeight: "bold"
+        }, children: part }, index);
+      }
+      return part;
+    }
+  );
+  return /* @__PURE__ */ jsxs(default2, { children: [
+    /* @__PURE__ */ jsx(default2, { sx: { fontWeight: "bold", mb: 0.5 }, children: explanation?.title }),
+    /* @__PURE__ */ jsx(default2, { sx: {
+      lineBreak: "auto",
+      whiteSpace: "pre-line"
+    }, children: highlightedContent }),
+    href?.label && /* @__PURE__ */ jsx(
+      default2,
+      {
+        component: "a",
+        sx: {
+          textDecoration: "underline",
+          display: "flex",
+          justifyContent: "flex-end",
+          mt: 1
+        },
+        href: href?.url,
+        target: "_blank",
+        children: href?.label
+      }
+    )
+  ] });
+};
+var StyledIconButton = styled(IconButton_default)({
+  "&.MuiButtonBase-root.MuiIconButton-root": {
+    color: "var(--useform-warning)",
+    border: "none",
+    borderRadius: "50%",
+    padding: "2px",
+    marginLeft: "4px",
+    background: "transparent"
+  }
+});
+function isChildOf(parent, child) {
+  let node = child;
+  while (node !== null) {
+    if (node === parent) return true;
+    node = node.parentElement;
+  }
+  return false;
+}
+
+export {
+  FIELD_TYPEs,
+  mergeFieldSx,
+  collectRows,
+  collectFields,
+  getFormFieldsSignature,
+  getFieldExplanation,
+  isEmptyFormValue,
+  validateFormSchema,
+  getDefaultValues,
+  Explanation_default
+};
+//# sourceMappingURL=chunk-UTVSYS6S.mjs.map

package/dist/chunk-UTVSYS6S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/compound/UseForm/src/_utils/constants.ts","../src/components/compound/UseForm/src/_utils/helpers.ts","../src/components/compound/UseForm/src/Fields/Explanation.tsx"],"sourcesContent":["export const FIELD_TYPEs = {\n  text: 'text-field',\n  select: 'select-field',\n  slider: 'slider-field',\n  check: 'check-field',\n  date: 'date-field',\n  dateTime: 'date-time-field',\n  toggleButton: 'toggle-button',\n  autocomplete: 'autocomplete-field',\n  switch: 'switch-field',\n  number: 'number-field',\n  tel: 'tel-field',\n  json: 'json-field',\n  custom: 'custom-field',\n  textArray: 'text-array-field',\n  fileUpload: 'file-upload-field',\n  avatar: 'avatar-field',\n} as const\n","import type { SxProps, Theme } from '@mui/material/styles';\nimport { mergeSx } from '@/_utils/_func';\nimport type { Explanation, FieldConfig, FormTypeMap, InferFormDataType, RowConfig, StrictFormConfig } from './types';\nimport { FIELD_TYPEs } from './constants';\n\n/** Field `size` + host `sx`, flattened so array `sx` does not nest. */\nexport function mergeFieldSx(\n  size?: { width?: number | string; height?: number | string },\n  sx?: SxProps<Theme> | Record<string, unknown>,\n) {\n  return mergeSx(\n    size?.width != null ? { width: size.width } : undefined,\n    size?.height != null ? { height: size.height } : undefined,\n    sx,\n  )\n}\n\nexport function collectRows<T extends FormTypeMap>(config: StrictFormConfig<T>): RowConfig<T>[] {\n    const rows: RowConfig<T>[] = [];\n    if ('schema' in config && config.schema) {\n        rows.push(...config.schema as RowConfig<T>[]);\n    }\n    if ('steps' in config && config.steps) {\n        config.steps.forEach((step) => rows.push(...step.schema as RowConfig<T>[]));\n    }\n    return rows;\n}\n\nexport function collectFields<T extends FormTypeMap>(config: StrictFormConfig<T>): FieldConfig<T>[] {\n    return collectRows(config).flatMap((row) => row.fields);\n}\n\n/** Identity of registered fields (name/type/default). Used to avoid re-registering on config object identity changes. */\nexport function getFormFieldsSignature<T extends FormTypeMap>(config: StrictFormConfig<T>): string {\n    return JSON.stringify(\n        collectFields(config).map((field) => [field.name, field.type, field.defaultValue]),\n    );\n}\n\nexport function getFieldExplanation(\n    field: { explanation?: Explanation; explaination?: Explanation },\n): Explanation | undefined {\n    return field.explanation ?? field.explaination;\n}\n\nexport function isEmptyFormValue(value: unknown): boolean {\n    if (value === undefined || value === null) return true;\n    if (typeof value === 'string' && value.trim() === '') return true;\n    if (Array.isArray(value) && value.length === 0) return true;\n    return false;\n}\n\nexport function validateFormSchema<T extends FormTypeMap>(config: StrictFormConfig<T>): StrictFormConfig<T> {\n    const allowedTypes = new Set<string>(Object.values(FIELD_TYPEs));\n\n    collectRows(config).forEach((row) => {\n        row.fields.forEach((field) => {\n            if (!allowedTypes.has(field.type as string)) {\n                throw new Error(`Invalid field type \"${String(field.type)}\" in form schema`);\n            }\n        });\n    });\n\n    return config;\n}\n\nexport const getDefaultValues = <T extends FormTypeMap>(config: StrictFormConfig<T>, allEmpty: boolean): InferFormDataType<T> => {\n    // when `allEmpty` is true we intentionally ignore any explicit\n    // `defaultValues` supplied by the config; callers (such as the clear\n    // helper) rely on receiving truly empty defaults for every field type.\n    if (!allEmpty && config.defaultValues) return config.defaultValues;\n\n    const defaults: Record<string, unknown> = {};\n\n    collectRows(config).forEach((row) => {\n        row.fields.forEach((field) => {\n            const fieldName = field.name as string;\n            if (field.defaultValue !== undefined && !allEmpty) {\n                defaults[fieldName] = field.defaultValue;\n            } else {\n                const slotProps = (field as { slotProps?: { multiple?: boolean; min?: number } }).slotProps ?? {};\n                switch (field.type) {\n                    case FIELD_TYPEs.text:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.select:\n                        defaults[fieldName] = slotProps?.multiple ? [] : '';\n                        break;\n                    case FIELD_TYPEs.check:\n                        defaults[fieldName] = [];\n                        break;\n                    case FIELD_TYPEs.slider: {\n                        const min = slotProps?.min ?? 0;\n                        defaults[fieldName] = min;\n                        break;\n                    }\n                    case FIELD_TYPEs.date:\n                    case FIELD_TYPEs.dateTime:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.toggleButton:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.autocomplete:\n                        defaults[fieldName] = slotProps?.multiple ? [] : '';\n                        break;\n                    case FIELD_TYPEs.switch:\n                        defaults[fieldName] = false;\n                        break;\n                    case FIELD_TYPEs.number: {\n                        const min = slotProps?.min ?? 0;\n                        defaults[fieldName] = min;\n                        break;\n                    }\n                    case FIELD_TYPEs.tel:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.json:\n                        defaults[fieldName] = null;\n                        break;\n                    case FIELD_TYPEs.textArray:\n                        defaults[fieldName] = [];\n                        break;\n                    case FIELD_TYPEs.fileUpload:\n                        defaults[fieldName] = [];\n                        break;\n                    case FIELD_TYPEs.custom:\n                        defaults[fieldName] = undefined;\n                        break;\n                    case FIELD_TYPEs.avatar:\n                        defaults[fieldName] = null;\n                        break;\n                    default:\n                        defaults[fieldName] = undefined;\n                }\n            }\n        });\n    });\n\n    return defaults as InferFormDataType<T>;\n};\n","'use client'\nimport React, { useState, useRef } from 'react'\nimport { ClickAwayListener } from '@/ele/Overlay'\nimport { styled } from '@mui/material/styles'\nimport { Tooltip } from '@/ele/Tooltip'\nimport { IconButton } from '@/ele/Button'\nimport { Box as MuiBox } from '@/ele/Box'\nimport { HelpOutlineIcon } from '@/icons/MuiIcon'\nimport type { Explanation } from '../_utils';\n\n/** MUI outlined `size=\"small\"` control height — keep the help icon on the input, not the helper text. */\nexport const FIELD_INPUT_CONTROL_HEIGHT_PX = 40\n\nconst FieldExplanation: React.FC<{\n  label?: React.ReactNode;\n  explanation?: Explanation;\n  /** @deprecated Use explanation */\n  explaination?: Explanation;\n  /**\n   * When the icon sits beside an outlined input, pin it to the control height\n   * so helper/error text below the field does not pull it down.\n   */\n  alignToInput?: boolean;\n}> = ({label, explanation, explaination, alignToInput}) => {\n  const popRef = useRef(null)\n  const [open, setOpen] = useState(false)\n  const content = explanation ?? explaination\n\n  if (!content) return <>{label}</>\n\n  const icon = (\n    <MuiBox component=\"span\" sx={{ display: 'flex', alignItems: 'center', gap: 0.5, lineHeight: 1 }}>\n      {label}\n      <ClickAwayListener onClickAway={(e) => {\n        if(popRef.current && e.target && isChildOf(popRef.current, e.target as HTMLElement)) return\n        setOpen(false)\n      }}>\n        <Tooltip title={<Title explanation={content}/>} arrow open={open} \n        slotProps={{\n          popper:{ref:popRef}\n        }}>\n          <StyledIconButton onClick={(e)=>{ e.stopPropagation(); setOpen(true) }} tabIndex={-1}>\n            <HelpOutlineIcon sx={{fontSize:\"14px\"}}/>\n          </StyledIconButton>\n        </Tooltip>\n      </ClickAwayListener>\n    </MuiBox>\n  )\n\n  if (!alignToInput) return icon\n\n  return (\n    <MuiBox\n      data-field-explanation=\"input\"\n      style={{ height: FIELD_INPUT_CONTROL_HEIGHT_PX }}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        flexShrink: 0,\n      }}\n    >\n      {icon}\n    </MuiBox>\n  )\n}\nexport default FieldExplanation\n\nconst Title:React.FC<{\n  explanation: Explanation;\n}> = ({explanation}) => {\n  const {highlights,href,content=\"\"} = explanation ?? {}\n  const reg = new RegExp(`(${highlights?.join(\"|\")})`, \"g\")\n  const highlightedContent = content\n    .split(reg)\n    .map((part, index) => {\n      if (highlights?.includes(part)) {\n        return <MuiBox component=\"span\" key={index} sx={{\n          color:\"var(--useform-warning)\",\n          fontSize:\"1.2em\",\n          fontWeight:\"bold\",\n        }}>{part}</MuiBox>\n      }\n      return part\n    }\n  )\n\n\n  return (\n    <MuiBox>\n      <MuiBox sx={{ fontWeight: 'bold', mb: 0.5 }}>{explanation?.title}</MuiBox>\n      <MuiBox sx={{\n        lineBreak:\"auto\",\n        whiteSpace:\"pre-line\",\n      }}>{highlightedContent}</MuiBox>\n      {href?.label && \n      <MuiBox component=\"a\" \n      sx={{\n        textDecoration:\"underline\",\n        display:\"flex\",\n        justifyContent:\"flex-end\",\n        mt: 1\n      }} \n      href={href?.url} target=\"_blank\">\n        {href?.label}\n      </MuiBox>}\n    </MuiBox>\n  )\n}\n\nconst StyledIconButton = styled(IconButton)({\n  \"&.MuiButtonBase-root.MuiIconButton-root\":{\n    color:\"var(--useform-warning)\",\n    border: \"none\",\n    borderRadius: \"50%\",\n    padding:\"2px\",\n    marginLeft: \"4px\",\n    background: \"transparent\",\n  },\n  \n})\n\nfunction isChildOf(parent:HTMLElement, child:HTMLElement):boolean {\n        let node:HTMLElement|null = child\n        while(node !== null){\n                if(node === parent) return true\n                node = node.parentElement as HTMLElement | null\n        }\n        return false\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,IAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,cAAc;AAAA,EACd,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AACV;;;ACXO,SAAS,aACd,MACA,IACA;AACA,SAAO;AAAA,IACL,MAAM,SAAS,OAAO,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,IAC9C,MAAM,UAAU,OAAO,EAAE,QAAQ,KAAK,OAAO,IAAI;AAAA,IACjD;AAAA,EACF;AACF;AAEO,SAAS,YAAmC,QAA6C;AAC5F,QAAM,OAAuB,CAAC;AAC9B,MAAI,YAAY,UAAU,OAAO,QAAQ;AACrC,SAAK,KAAK,GAAG,OAAO,MAAwB;AAAA,EAChD;AACA,MAAI,WAAW,UAAU,OAAO,OAAO;AACnC,WAAO,MAAM,QAAQ,CAAC,SAAS,KAAK,KAAK,GAAG,KAAK,MAAwB,CAAC;AAAA,EAC9E;AACA,SAAO;AACX;AAEO,SAAS,cAAqC,QAA+C;AAChG,SAAO,YAAY,MAAM,EAAE,QAAQ,CAAC,QAAQ,IAAI,MAAM;AAC1D;AAGO,SAAS,uBAA8C,QAAqC;AAC/F,SAAO,KAAK;AAAA,IACR,cAAc,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,YAAY,CAAC;AAAA,EACrF;AACJ;AAEO,SAAS,oBACZ,OACuB;AACvB,SAAO,MAAM,eAAe,MAAM;AACtC;AAEO,SAAS,iBAAiB,OAAyB;AACtD,MAAI,UAAU,UAAa,UAAU,KAAM,QAAO;AAClD,MAAI,OAAO,UAAU,YAAY,MAAM,KAAK,MAAM,GAAI,QAAO;AAC7D,MAAI,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW,EAAG,QAAO;AACvD,SAAO;AACX;AAEO,SAAS,mBAA0C,QAAkD;AACxG,QAAM,eAAe,IAAI,IAAY,OAAO,OAAO,WAAW,CAAC;AAE/D,cAAY,MAAM,EAAE,QAAQ,CAAC,QAAQ;AACjC,QAAI,OAAO,QAAQ,CAAC,UAAU;AAC1B,UAAI,CAAC,aAAa,IAAI,MAAM,IAAc,GAAG;AACzC,cAAM,IAAI,MAAM,uBAAuB,OAAO,MAAM,IAAI,CAAC,kBAAkB;AAAA,MAC/E;AAAA,IACJ,CAAC;AAAA,EACL,CAAC;AAED,SAAO;AACX;AAEO,IAAM,mBAAmB,CAAwB,QAA6B,aAA4C;AAI7H,MAAI,CAAC,YAAY,OAAO,cAAe,QAAO,OAAO;AAErD,QAAM,WAAoC,CAAC;AAE3C,cAAY,MAAM,EAAE,QAAQ,CAAC,QAAQ;AACjC,QAAI,OAAO,QAAQ,CAAC,UAAU;AAC1B,YAAM,YAAY,MAAM;AACxB,UAAI,MAAM,iBAAiB,UAAa,CAAC,UAAU;AAC/C,iBAAS,SAAS,IAAI,MAAM;AAAA,MAChC,OAAO;AACH,cAAM,YAAa,MAA+D,aAAa,CAAC;AAChG,gBAAQ,MAAM,MAAM;AAAA,UAChB,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI;AACtB;AAAA,UACJ,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI,WAAW,WAAW,CAAC,IAAI;AACjD;AAAA,UACJ,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI,CAAC;AACvB;AAAA,UACJ,KAAK,YAAY,QAAQ;AACrB,kBAAM,MAAM,WAAW,OAAO;AAC9B,qBAAS,SAAS,IAAI;AACtB;AAAA,UACJ;AAAA,UACA,KAAK,YAAY;AAAA,UACjB,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI;AACtB;AAAA,UACJ,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI;AACtB;AAAA,UACJ,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI,WAAW,WAAW,CAAC,IAAI;AACjD;AAAA,UACJ,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI;AACtB;AAAA,UACJ,KAAK,YAAY,QAAQ;AACrB,kBAAM,MAAM,WAAW,OAAO;AAC9B,qBAAS,SAAS,IAAI;AACtB;AAAA,UACJ;AAAA,UACA,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI;AACtB;AAAA,UACJ,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI;AACtB;AAAA,UACJ,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI,CAAC;AACvB;AAAA,UACJ,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI,CAAC;AACvB;AAAA,UACJ,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI;AACtB;AAAA,UACJ,KAAK,YAAY;AACb,qBAAS,SAAS,IAAI;AACtB;AAAA,UACJ;AACI,qBAAS,SAAS,IAAI;AAAA,QAC9B;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,EACL,CAAC;AAED,SAAO;AACX;;;AC3IA,SAAgB,UAAU,cAAc;AAExC,SAAS,cAAc;AAyBA,wBAGnB,YAHmB;AAjBhB,IAAM,gCAAgC;AAE7C,IAAM,mBAUD,CAAC,EAAC,OAAO,aAAa,cAAc,aAAY,MAAM;AACzD,QAAM,SAAS,OAAO,IAAI;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,UAAU,eAAe;AAE/B,MAAI,CAAC,QAAS,QAAO,gCAAG,iBAAM;AAE9B,QAAM,OACJ,qBAACA,UAAA,EAAO,WAAU,QAAO,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,KAAK,YAAY,EAAE,GAC3F;AAAA;AAAA,IACD,oBAACA,UAAA,EAAkB,aAAa,CAAC,MAAM;AACrC,UAAG,OAAO,WAAW,EAAE,UAAU,UAAU,OAAO,SAAS,EAAE,MAAqB,EAAG;AACrF,cAAQ,KAAK;AAAA,IACf,GACE;AAAA,MAACA;AAAA,MAAA;AAAA,QAAQ,OAAO,oBAAC,SAAM,aAAa,SAAQ;AAAA,QAAI,OAAK;AAAA,QAAC;AAAA,QACtD,WAAW;AAAA,UACT,QAAO,EAAC,KAAI,OAAM;AAAA,QACpB;AAAA,QACE,8BAAC,oBAAiB,SAAS,CAAC,MAAI;AAAE,YAAE,gBAAgB;AAAG,kBAAQ,IAAI;AAAA,QAAE,GAAG,UAAU,IAChF,8BAACA,UAAA,EAAgB,IAAI,EAAC,UAAS,OAAM,GAAE,GACzC;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAGF,MAAI,CAAC,aAAc,QAAO;AAE1B,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,0BAAuB;AAAA,MACvB,OAAO,EAAE,QAAQ,8BAA8B;AAAA,MAC/C,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AACA,IAAO,sBAAQ;AAEf,IAAM,QAED,CAAC,EAAC,YAAW,MAAM;AACtB,QAAM,EAAC,YAAW,MAAK,UAAQ,GAAE,IAAI,eAAe,CAAC;AACrD,QAAM,MAAM,IAAI,OAAO,IAAI,YAAY,KAAK,GAAG,CAAC,KAAK,GAAG;AACxD,QAAM,qBAAqB,QACxB,MAAM,GAAG,EACT;AAAA,IAAI,CAAC,MAAM,UAAU;AACpB,UAAI,YAAY,SAAS,IAAI,GAAG;AAC9B,eAAO,oBAACA,UAAA,EAAO,WAAU,QAAmB,IAAI;AAAA,UAC9C,OAAM;AAAA,UACN,UAAS;AAAA,UACT,YAAW;AAAA,QACb,GAAI,kBAJiC,KAI5B;AAAA,MACX;AACA,aAAO;AAAA,IACT;AAAA,EACF;AAGA,SACE,qBAACA,UAAA,EACC;AAAA,wBAACA,UAAA,EAAO,IAAI,EAAE,YAAY,QAAQ,IAAI,IAAI,GAAI,uBAAa,OAAM;AAAA,IACjE,oBAACA,UAAA,EAAO,IAAI;AAAA,MACV,WAAU;AAAA,MACV,YAAW;AAAA,IACb,GAAI,8BAAmB;AAAA,IACtB,MAAM,SACP;AAAA,MAACA;AAAA,MAAA;AAAA,QAAO,WAAU;AAAA,QAClB,IAAI;AAAA,UACF,gBAAe;AAAA,UACf,SAAQ;AAAA,UACR,gBAAe;AAAA,UACf,IAAI;AAAA,QACN;AAAA,QACA,MAAM,MAAM;AAAA,QAAK,QAAO;AAAA,QACrB,gBAAM;AAAA;AAAA,IACT;AAAA,KACF;AAEJ;AAEA,IAAM,mBAAmB,OAAO,kBAAU,EAAE;AAAA,EAC1C,2CAA0C;AAAA,IACxC,OAAM;AAAA,IACN,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,SAAQ;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA,EACd;AAEF,CAAC;AAED,SAAS,UAAU,QAAoB,OAA2B;AAC1D,MAAI,OAAwB;AAC5B,SAAM,SAAS,MAAK;AACZ,QAAG,SAAS,OAAQ,QAAO;AAC3B,WAAO,KAAK;AAAA,EACpB;AACA,SAAO;AACf;","names":["default"]}

package/dist/chunk-V26V2S3W.mjs

@@ -0,0 +1,197 @@
+import {
+  IconButton_default
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  mergeSx
+} from "./chunk-S6EZVRZC.mjs";
+
+// src/components/elemental/Stepper/index.ts
+import { default as default2 } from "@mui/material/Stepper";
+import { default as default3 } from "@mui/material/Step";
+import { default as default4 } from "@mui/material/StepLabel";
+import { default as default5 } from "@mui/material/StepConnector";
+import { default as default6 } from "@mui/material/StepIcon";
+import { default as default7 } from "@mui/material/StepButton";
+
+// src/components/elemental/Stepper/src/StandardStepper.tsx
+import { Stepper, Step, StepLabel, StepConnector, styled } from "@mui/material";
+
+// src/components/elemental/Stepper/src/theme.ts
+var standardStepperRootSx = {
+  "--stepper-connector-color": "var(--mui-palette-divider)",
+  "--stepper-connector-dashed": "var(--mui-palette-blink-shiny)",
+  "--stepper-connector-success": "var(--mui-palette-success-dark)",
+  "--stepper-connector-error": "var(--mui-palette-error-dark)"
+};
+var stepperTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      // nothing specific by default
+    })
+  }
+};
+var stepTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      // keep minimal styling here; consumers can override via theme
+    }
+  }
+};
+var stepLabelTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: ({ theme }) => ({
+      "& .MuiStepLabel-label.MuiStepLabel-alternativeLabel": {
+        marginTop: theme.spacing(1)
+      },
+      "& .MuiStepLabel-label": {
+        "&.Mui-completed": {
+          color: "var(--mui-palette-success-dark)"
+        },
+        "&.Mui-active": {
+          color: "var(--mui-palette-blink-shiny)"
+        },
+        "&.Mui-error": {
+          color: "var(--mui-palette-error-dark)"
+        }
+      }
+    }),
+    iconContainer: {}
+  }
+};
+var stepConnectorTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      "&.MuiStepConnector-horizontal": {
+        height: "16px"
+      }
+    })
+  }
+};
+var stepIconTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      "&.Mui-completed": {
+        color: "var(--mui-palette-success-main)"
+      },
+      "&.Mui-active": {
+        color: "var(--mui-palette-focus-1)"
+      }
+    })
+  }
+};
+var stepButtonTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      // no default customizations yet
+    })
+  }
+};
+
+// src/components/elemental/Stepper/src/StandardStepper.tsx
+import { jsx } from "react/jsx-runtime";
+var AnimatedConnector = styled(StepConnector)(() => ({
+  "& .MuiStepConnector-line": {
+    border: "none",
+    transition: "background-color 0.3s",
+    height: 1,
+    borderRadius: 1,
+    backgroundColor: "var(--stepper-connector-color)"
+  },
+  // change the color of different steps
+  "&.MuiStepConnector-root.Mui-completed .MuiStepConnector-line": {
+    backgroundColor: "var(--stepper-connector-success)"
+  },
+  "&.MuiStepConnector-root.Mui-error .MuiStepConnector-line": {
+    backgroundColor: "var(--stepper-connector-error)"
+  },
+  // active/completed decoration – overlay with animated dotted pattern
+  [`&.MuiStepConnector-root.Mui-active .MuiStepConnector-line`]: {
+    backgroundImage: "repeating-linear-gradient(to right, var(--stepper-connector-dashed) 0, var(--stepper-connector-dashed) 2px, transparent 2px, transparent 4px)",
+    backgroundSize: "4px 1px",
+    animation: "run 0.75s linear infinite"
+  },
+  "@keyframes run": {
+    from: { backgroundPosition: "0 0" },
+    to: { backgroundPosition: "4px 0" }
+  }
+}));
+var StandardStepper = ({
+  steps,
+  activeStep,
+  onChange,
+  nonLinear = false,
+  alternativeLabel = true,
+  sx
+}) => {
+  const handleClick = (idx) => {
+    if (onChange && idx !== activeStep && !steps[idx].disabled) {
+      onChange(idx);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Stepper,
+    {
+      activeStep,
+      connector: /* @__PURE__ */ jsx(AnimatedConnector, {}),
+      nonLinear,
+      alternativeLabel,
+      sx: mergeSx(standardStepperRootSx, { width: "100%" }, sx),
+      children: steps.map((step, idx) => /* @__PURE__ */ jsx(
+        Step,
+        {
+          completed: idx < activeStep,
+          disabled: step.disabled,
+          className: step.error ? "Mui-error" : void 0,
+          sx: step.error ? {
+            "& .MuiStepConnector-root.Mui-completed .MuiStepConnector-line": {
+              backgroundColor: "var(--stepper-connector-error)"
+            }
+          } : void 0,
+          children: /* @__PURE__ */ jsx(StepLabel, { slots: {
+            stepIcon: step.icon ? ({ active, completed, error }) => /* @__PURE__ */ jsx(
+              IconButton_default,
+              {
+                onClick: () => handleClick(idx),
+                disabled: idx === activeStep || step.disabled,
+                color: error ? "error" : active ? "primary" : completed ? "success" : "default",
+                sx: {
+                  borderRadius: "50%",
+                  "&.MuiButtonBase-root.Mui-disabled": {
+                    ...active ? { color: "var(--stepper-connector-dashed)" } : {}
+                  }
+                },
+                children: step.icon
+              }
+            ) : void 0
+          }, error: step.error, children: step.title })
+        },
+        idx
+      ))
+    }
+  );
+};
+var StandardStepper_default = StandardStepper;
+
+export {
+  standardStepperRootSx,
+  stepperTheme,
+  stepTheme,
+  stepLabelTheme,
+  stepConnectorTheme,
+  stepIconTheme,
+  stepButtonTheme,
+  StandardStepper_default,
+  default2 as default,
+  default3 as default2,
+  default4 as default3,
+  default5 as default4,
+  default6 as default5,
+  default7 as default6
+};
+//# sourceMappingURL=chunk-V26V2S3W.mjs.map

package/dist/chunk-V26V2S3W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Stepper/index.ts","../src/components/elemental/Stepper/src/StandardStepper.tsx","../src/components/elemental/Stepper/src/theme.ts"],"sourcesContent":["// elemental stepper wrapper\n// re-exporting MUI components so that the theme can target them via `component` overrides\n\nexport { default as Stepper } from '@mui/material/Stepper';\nexport { default as Step } from '@mui/material/Step';\nexport { default as StepLabel } from '@mui/material/StepLabel';\nexport { default as StepConnector } from '@mui/material/StepConnector';\nexport { default as StepIcon } from '@mui/material/StepIcon';\nexport { default as StepButton } from '@mui/material/StepButton';\n\n// standard wrapper for common use cases\nexport { default as StandardStepper } from './src/StandardStepper';\nexport * from './src/StandardStepper'; // also re-export types\n\n// also expose theme objects for convenience\nexport * from './src/theme';\n","import React from 'react';\nimport { Stepper, Step, StepLabel, StepConnector, styled } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { IconButton } from '@/ele/Button';\nimport { mergeSx } from '@/_utils/_func';\nimport { standardStepperRootSx } from './theme';\n\nexport interface StandardStepperStep {\n  title: React.ReactNode;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n  error?: boolean;\n}\n\nexport interface StandardStepperProps {\n  steps: StandardStepperStep[];\n  activeStep: number;\n  onChange?: (newIndex: number) => void;\n  nonLinear?: boolean;\n  alternativeLabel?: boolean;\n  sx?: SxProps<Theme>;\n}\n\n// custom connector with active animation (dotted/running effect)\nconst AnimatedConnector = styled(StepConnector)(() => ({\n  '& .MuiStepConnector-line': {\n    border: 'none',\n    transition: 'background-color 0.3s',\n    height: 1,\n    borderRadius: 1,\n    backgroundColor: 'var(--stepper-connector-color)',\n  },\n  // change the color of different steps\n  '&.MuiStepConnector-root.Mui-completed .MuiStepConnector-line': {\n    backgroundColor: 'var(--stepper-connector-success)',\n  },\n  '&.MuiStepConnector-root.Mui-error .MuiStepConnector-line': {\n    backgroundColor: 'var(--stepper-connector-error)',\n  },\n  \n\n  // active/completed decoration – overlay with animated dotted pattern\n  [`&.MuiStepConnector-root.Mui-active .MuiStepConnector-line`]: {\n    backgroundImage:\n      'repeating-linear-gradient(to right, var(--stepper-connector-dashed) 0, var(--stepper-connector-dashed) 2px, transparent 2px, transparent 4px)',\n    backgroundSize: '4px 1px',\n    animation: 'run 0.75s linear infinite',\n  },\n  '@keyframes run': {\n    from: { backgroundPosition: '0 0' },\n    to: { backgroundPosition: '4px 0' },\n  },\n}));\n\nconst StandardStepper: React.FC<StandardStepperProps> = ({\n  steps,\n  activeStep,\n  onChange,\n  nonLinear = false,\n  alternativeLabel = true,\n  sx,\n}) => {\n  const handleClick = (idx: number) => {\n    if (onChange && idx !== activeStep && !steps[idx].disabled) {\n      onChange(idx);\n    }\n  };\n\n  return (\n    <Stepper\n      activeStep={activeStep}\n      connector={<AnimatedConnector />}\n      nonLinear={nonLinear}\n      alternativeLabel={alternativeLabel}\n      sx={mergeSx(standardStepperRootSx, { width: '100%' }, sx)}\n    >\n      {steps.map((step, idx) => (\n        <Step\n          key={idx}\n          completed={idx < activeStep}\n          disabled={step.disabled}\n          className={step.error ? 'Mui-error' : undefined}\n          sx={\n            step.error\n              ? {\n                  '& .MuiStepConnector-root.Mui-completed .MuiStepConnector-line': {\n                    backgroundColor: 'var(--stepper-connector-error)',\n                  },\n                }\n              : undefined\n          }\n        >\n          <StepLabel slots={{\n            stepIcon: step.icon?\n              ({ active, completed, error }) => <IconButton \n              onClick={() => handleClick(idx)} disabled={idx === activeStep || step.disabled}\n              color={\n                error? 'error'\n                : active ? 'primary' \n                : completed ? 'success'\n                : 'default'}\n              sx={{\n                borderRadius:\"50%\",\n                \"&.MuiButtonBase-root.Mui-disabled\": {\n                  ...(active ? { color: 'var(--stepper-connector-dashed)' } : {}),\n                },\n                \n              }}\n              >\n              {step.icon}\n            </IconButton>\n            : undefined\n          }} error={step.error}>\n            {step.title}\n          </StepLabel>\n        </Step>\n      ))}\n    </Stepper>\n  );\n};\n\nexport default StandardStepper;\n","import type { MuiComponentTheme } from '@/_utils/_types'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\n// we export theme constants for each related MUI component so the\n// top-level theme file can include them and allow downstream consumers\n// to target the stepper pieces independently.\n\n/** Static palette aliases for StandardStepper root element */\nexport const standardStepperRootSx: SxProps<Theme> = {\n  '--stepper-connector-color':   'var(--mui-palette-divider)',\n  '--stepper-connector-dashed':  'var(--mui-palette-blink-shiny)',\n  '--stepper-connector-success': 'var(--mui-palette-success-dark)',\n  '--stepper-connector-error':   'var(--mui-palette-error-dark)',\n} as const satisfies SxProps<Theme>\n\nexport const stepperTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: () => ({\n      // nothing specific by default\n    }),\n  },\n} as const satisfies MuiComponentTheme<'MuiStepper'>;\n\nexport const stepTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      // keep minimal styling here; consumers can override via theme\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiStep'>;\n\nexport const stepLabelTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({theme}) => ({\n      \"& .MuiStepLabel-label.MuiStepLabel-alternativeLabel\": {\n        marginTop: theme.spacing(1),\n      },\n      '& .MuiStepLabel-label': {\n        \"&.Mui-completed\": {\n          color: 'var(--mui-palette-success-dark)',\n        },\n        \"&.Mui-active\": {\n          color: 'var(--mui-palette-blink-shiny)',\n        },\n        \"&.Mui-error\": {\n          color: 'var(--mui-palette-error-dark)',\n        },\n      },\n    }),\n    iconContainer: {\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiStepLabel'>;\n\nexport const stepConnectorTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: () => ({\n      \"&.MuiStepConnector-horizontal\": {\n        height: '16px',\n      },\n    }),\n  },\n} as const satisfies MuiComponentTheme<'MuiStepConnector'>;\n\nexport const stepIconTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: () => ({\n      \"&.Mui-completed\": {\n        color: 'var(--mui-palette-success-main)',\n      },\n      \"&.Mui-active\": {\n        color: 'var(--mui-palette-focus-1)',\n      },\n    }),\n  },\n} as const satisfies MuiComponentTheme<'MuiStepIcon'>;\n\nexport const stepButtonTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: () => ({\n      // no default customizations yet\n    }),\n  },\n} as const satisfies MuiComponentTheme<'MuiStepButton'>;\n"],"mappings":"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","names":["default"]}

package/dist/chunk-VYD3PDBB.mjs

@@ -0,0 +1,38 @@
+// src/components/elemental/Input/src/TextField/theme.ts
+var textFieldTheme = {
+  defaultProps: {
+    size: "small"
+  },
+  styleOverrides: {
+    root: {
+      "& fieldset": {
+        borderColor: "var(--mui-palette-text-secondary)"
+      },
+      "& .MuiOutlinedInput-root.Mui-focused:not(.Mui-error) fieldset": {
+        borderColor: "var(--mui-palette-text-secondary)"
+      }
+    }
+  }
+};
+var inputBaseTheme = {
+  styleOverrides: {
+    root: {
+      "&.MuiInputBase-root::after": {
+        borderColor: "var(--mui-palette-text-secondary)"
+      },
+      "&.MuiInputBase-root::before": {
+        borderColor: "var(--mui-palette-text-secondary)"
+      }
+    }
+  }
+};
+
+// src/components/elemental/Input/src/TextField/index.ts
+import { default as default2 } from "@mui/material/TextField";
+
+export {
+  textFieldTheme,
+  inputBaseTheme,
+  default2 as default
+};
+//# sourceMappingURL=chunk-VYD3PDBB.mjs.map

package/dist/chunk-VYD3PDBB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Input/src/TextField/theme.ts","../src/components/elemental/Input/src/TextField/index.ts"],"sourcesContent":["import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const textFieldTheme = {\n  defaultProps: {\n    size: 'small',\n  },\n\n  styleOverrides: {\n    root: {\n      \"& fieldset\": {\n        borderColor: 'var(--mui-palette-text-secondary)',\n        \n      },\n      \"& .MuiOutlinedInput-root.Mui-focused:not(.Mui-error) fieldset\": {\n        borderColor: 'var(--mui-palette-text-secondary)',\n      },\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiTextField\">\n\nexport const inputBaseTheme = {\n  styleOverrides: {\n    root: {\n      \"&.MuiInputBase-root::after\": {\n        borderColor: 'var(--mui-palette-text-secondary)',\n      },\n      \"&.MuiInputBase-root::before\": {\n        borderColor: 'var(--mui-palette-text-secondary)',\n      },\n\n    },\n\n  },\n} as const satisfies MuiComponentTheme<\"MuiInputBase\">","export {default as TextField} from '@mui/material/TextField'\nexport * from './theme'"],"mappings":";AAEO,IAAM,iBAAiB;AAAA,EAC5B,cAAc;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EAEA,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,cAAc;AAAA,QACZ,aAAa;AAAA,MAEf;AAAA,MACA,iEAAiE;AAAA,QAC/D,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAEF;AAEO,IAAM,iBAAiB;AAAA,EAC5B,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,8BAA8B;AAAA,QAC5B,aAAa;AAAA,MACf;AAAA,MACA,+BAA+B;AAAA,QAC7B,aAAa;AAAA,MACf;AAAA,IAEF;AAAA,EAEF;AACF;;;AClCA,SAAmB,WAAXA,gBAA2B;","names":["default"]}

package/dist/chunk-WYYP3Y34.mjs

@@ -0,0 +1,55 @@
+// src/components/elemental/Progress/src/LinearProgress.tsx
+import MuiLinearProgress from "@mui/material/LinearProgress";
+import { jsx } from "react/jsx-runtime";
+var LinearProgress = (props) => {
+  return /* @__PURE__ */ jsx(MuiLinearProgress, { ...props });
+};
+
+// src/components/elemental/Progress/src/CircularProgress.tsx
+import MuiCircularProgress from "@mui/material/CircularProgress";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CircularProgress = (props) => {
+  return /* @__PURE__ */ jsx2(MuiCircularProgress, { ...props });
+};
+
+// src/components/elemental/Progress/src/theme.ts
+var linearProgressTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      "--progress-bg": "var(--mui-palette-background-grey-1)",
+      "--progress-color": "color-mix(in srgb, var(--mui-palette-blink-shiny), transparent 50%)",
+      borderRadius: 4,
+      backgroundColor: "var(--progress-bg)"
+    },
+    bar: {
+      borderRadius: 4,
+      backgroundColor: "var(--progress-color)"
+    },
+    dashed: {
+      "--mui-palette-LinearProgress-primaryBg": "var(--progress-bg)"
+    }
+  }
+};
+var circularProgressTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      "--progress-color": "color-mix(in srgb, var(--mui-palette-blink-shiny), transparent 20%)",
+      "--progress-bg": "var(--mui-palette-background-grey-1)",
+      color: "var(--progress-color)"
+    },
+    circle: {
+      stroke: "var(--progress-color)",
+      color: "var(--progress-color)"
+    }
+  }
+};
+
+export {
+  LinearProgress,
+  CircularProgress,
+  linearProgressTheme,
+  circularProgressTheme
+};
+//# sourceMappingURL=chunk-WYYP3Y34.mjs.map

package/dist/chunk-WYYP3Y34.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Progress/src/LinearProgress.tsx","../src/components/elemental/Progress/src/CircularProgress.tsx","../src/components/elemental/Progress/src/theme.ts"],"sourcesContent":["import React from 'react';\nimport MuiLinearProgress, { LinearProgressProps as MuiLinearProgressProps } from '@mui/material/LinearProgress';\n\nexport type LinearProgressProps = MuiLinearProgressProps;\n\nexport const LinearProgress: React.FC<LinearProgressProps> = (props) => {\n    return <MuiLinearProgress {...props} />;\n};\n","import React from 'react';\nimport MuiCircularProgress, { CircularProgressProps as MuiCircularProgressProps } from '@mui/material/CircularProgress';\n\nexport type CircularProgressProps = MuiCircularProgressProps;\n\nexport const CircularProgress: React.FC<CircularProgressProps> = (props) => {\n    return <MuiCircularProgress {...props} />;\n};\n","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const linearProgressTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      '--progress-bg': 'var(--mui-palette-background-grey-1)',\n      '--progress-color': 'color-mix(in srgb, var(--mui-palette-blink-shiny), transparent 50%)',\n      borderRadius: 4, \n      backgroundColor: 'var(--progress-bg)',\n    },\n    bar: {\n      borderRadius: 4,\n      backgroundColor: 'var(--progress-color)',\n    },\n    dashed: {\n      '--mui-palette-LinearProgress-primaryBg': 'var(--progress-bg)',\n    },\n  }\n} as const satisfies MuiComponentTheme<'MuiLinearProgress'>\n\nexport const circularProgressTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      '--progress-color': 'color-mix(in srgb, var(--mui-palette-blink-shiny), transparent 20%)',\n      '--progress-bg': 'var(--mui-palette-background-grey-1)',\n      color: 'var(--progress-color)',\n    },\n    circle: {\n      stroke: 'var(--progress-color)',\n      color: 'var(--progress-color)',\n    },\n  }\n} as const satisfies MuiComponentTheme<'MuiCircularProgress'>\n"],"mappings":";AACA,OAAO,uBAA0E;AAKtE;AADJ,IAAM,iBAAgD,CAAC,UAAU;AACpE,SAAO,oBAAC,qBAAmB,GAAG,OAAO;AACzC;;;ACNA,OAAO,yBAAgF;AAK5E,gBAAAA,YAAA;AADJ,IAAM,mBAAoD,CAAC,UAAU;AACxE,SAAO,gBAAAA,KAAC,uBAAqB,GAAG,OAAO;AAC3C;;;ACLO,IAAM,sBAAsB;AAAA,EACjC,cAAc,CAAC;AAAA,EACf,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,iBAAiB;AAAA,MACjB,oBAAoB;AAAA,MACpB,cAAc;AAAA,MACd,iBAAiB;AAAA,IACnB;AAAA,IACA,KAAK;AAAA,MACH,cAAc;AAAA,MACd,iBAAiB;AAAA,IACnB;AAAA,IACA,QAAQ;AAAA,MACN,0CAA0C;AAAA,IAC5C;AAAA,EACF;AACF;AAEO,IAAM,wBAAwB;AAAA,EACnC,cAAc,CAAC;AAAA,EACf,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AACF;","names":["jsx"]}