@webiny/admin-ui 6.3.0 → 6.4.0-beta.1

package/AdminUiProvider/AdminUiProvider.js

@@ -1,57 +1,44 @@
-import React, { useCallback, useEffect, useRef } from "react";
+import react, { useCallback, useEffect, useRef } from "react";
 import { Toast } from "../Toast/index.js";
 import { Tooltip } from "../Tooltip/index.js";
 import { DefaultLinkComponent } from "../index.js";
-const passthrough = markdown => markdown;
-export const AdminUiContext = /*#__PURE__*/React.createContext(undefined);
-export const AdminUiProvider = ({
-  children,
-  ...props
-}) => {
-  const linkComponent = props.linkComponent ?? DefaultLinkComponent;
-  const markdownCompiler = props.markdownCompiler ?? passthrough;
-
-  // Cache to store compiled markdown results
-  const cacheRef = useRef(new Map());
-
-  // Clear cache when markdownCompiler changes
-  useEffect(() => {
-    cacheRef.current.clear();
-  }, [markdownCompiler]);
-  const compileMarkdown = useCallback(markdown => {
-    if (!markdownCompiler) {
-      return markdown;
-    }
-    if (/*#__PURE__*/React.isValidElement(markdown)) {
-      return markdown;
-    }
-    if (typeof markdown === "string") {
-      // Check cache first
-      const cached = cacheRef.current.get(markdown);
-      if (cached !== undefined) {
-        return cached;
-      }
-
-      // Compile and cache
-      const compiled = markdownCompiler(markdown);
-      cacheRef.current.set(markdown, compiled);
-      return compiled;
-    }
-    return markdown;
-  }, [markdownCompiler]);
-  return /*#__PURE__*/React.createElement(AdminUiContext.Provider, {
-    value: {
-      linkComponent,
-      compileMarkdown
-    }
-  }, /*#__PURE__*/React.createElement(Tooltip.Provider, null, children), /*#__PURE__*/React.createElement(Toast.Provider, null));
+const passthrough = (markdown)=>markdown;
+const AdminUiContext = /*#__PURE__*/ react.createContext(void 0);
+const AdminUiProvider = ({ children, ...props })=>{
+    const linkComponent = props.linkComponent ?? DefaultLinkComponent;
+    const markdownCompiler = props.markdownCompiler ?? passthrough;
+    const cacheRef = useRef(new Map());
+    useEffect(()=>{
+        cacheRef.current.clear();
+    }, [
+        markdownCompiler
+    ]);
+    const compileMarkdown = useCallback((markdown)=>{
+        if (!markdownCompiler) return markdown;
+        if (/*#__PURE__*/ react.isValidElement(markdown)) return markdown;
+        if ("string" == typeof markdown) {
+            const cached = cacheRef.current.get(markdown);
+            if (void 0 !== cached) return cached;
+            const compiled = markdownCompiler(markdown);
+            cacheRef.current.set(markdown, compiled);
+            return compiled;
+        }
+        return markdown;
+    }, [
+        markdownCompiler
+    ]);
+    return /*#__PURE__*/ react.createElement(AdminUiContext.Provider, {
+        value: {
+            linkComponent,
+            compileMarkdown
+        }
+    }, /*#__PURE__*/ react.createElement(Tooltip.Provider, null, children), /*#__PURE__*/ react.createElement(Toast.Provider, null));
 };
-export const useAdminUi = () => {
-  const context = React.useContext(AdminUiContext);
-  if (!context) {
-    throw new Error("AdminUiProvider is missing from the component tree.");
-  }
-  return context;
+const useAdminUi = ()=>{
+    const context = react.useContext(AdminUiContext);
+    if (!context) throw new Error("AdminUiProvider is missing from the component tree.");
+    return context;
 };
+export { AdminUiContext, AdminUiProvider, useAdminUi };
 
 //# sourceMappingURL=AdminUiProvider.js.map

package/AdminUiProvider/AdminUiProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","Toast","Tooltip","DefaultLinkComponent","passthrough","markdown","AdminUiContext","createContext","undefined","AdminUiProvider","children","props","linkComponent","markdownCompiler","cacheRef","Map","current","clear","compileMarkdown","isValidElement","cached","get","compiled","set","createElement","Provider","value","useAdminUi","context","useContext","Error"],"sources":["AdminUiProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { Toast } from \"~/Toast/index.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { type LinkComponent, DefaultLinkComponent } from \"~/index.js\";\n\nexport type CompileMarkdown = (markdown: React.ReactNode) => React.ReactNode;\n\nexport interface AdminUiContextValue {\n    linkComponent: LinkComponent;\n    compileMarkdown: CompileMarkdown;\n}\n\nconst passthrough = (markdown: string) => markdown;\n\nexport const AdminUiContext = React.createContext<AdminUiContextValue | undefined>(undefined);\n\ninterface MarkdownCompiler {\n    (markdown: string): React.ReactNode;\n}\n\nexport interface AdminUiProviderProps {\n    linkComponent?: LinkComponent;\n    markdownCompiler?: MarkdownCompiler;\n    children: React.ReactNode;\n}\n\nexport const AdminUiProvider = ({ children, ...props }: AdminUiProviderProps) => {\n    const linkComponent = props.linkComponent ?? DefaultLinkComponent;\n    const markdownCompiler = props.markdownCompiler ?? passthrough;\n\n    // Cache to store compiled markdown results\n    const cacheRef = useRef(new Map<string, React.ReactNode>());\n\n    // Clear cache when markdownCompiler changes\n    useEffect(() => {\n        cacheRef.current.clear();\n    }, [markdownCompiler]);\n\n    const compileMarkdown = useCallback(\n        (markdown: React.ReactNode) => {\n            if (!markdownCompiler) {\n                return markdown;\n            }\n\n            if (React.isValidElement(markdown)) {\n                return markdown;\n            }\n\n            if (typeof markdown === \"string\") {\n                // Check cache first\n                const cached = cacheRef.current.get(markdown);\n                if (cached !== undefined) {\n                    return cached;\n                }\n\n                // Compile and cache\n                const compiled = markdownCompiler(markdown);\n                cacheRef.current.set(markdown, compiled);\n                return compiled;\n            }\n\n            return markdown;\n        },\n        [markdownCompiler]\n    );\n\n    return (\n        <AdminUiContext.Provider value={{ linkComponent, compileMarkdown }}>\n            <Tooltip.Provider>{children}</Tooltip.Provider>\n            <Toast.Provider />\n        </AdminUiContext.Provider>\n    );\n};\n\nexport const useAdminUi = () => {\n    const context = React.useContext(AdminUiContext);\n    if (!context) {\n        throw new Error(\"AdminUiProvider is missing from the component tree.\");\n    }\n    return context;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC7D,SAASC,KAAK;AACd,SAASC,OAAO;AAChB,SAA6BC,oBAAoB;AASjD,MAAMC,WAAW,GAAIC,QAAgB,IAAKA,QAAQ;AAElD,OAAO,MAAMC,cAAc,gBAAGT,KAAK,CAACU,aAAa,CAAkCC,SAAS,CAAC;AAY7F,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAA4B,CAAC,KAAK;EAC7E,MAAMC,aAAa,GAAGD,KAAK,CAACC,aAAa,IAAIT,oBAAoB;EACjE,MAAMU,gBAAgB,GAAGF,KAAK,CAACE,gBAAgB,IAAIT,WAAW;;EAE9D;EACA,MAAMU,QAAQ,GAAGd,MAAM,CAAC,IAAIe,GAAG,CAA0B,CAAC,CAAC;;EAE3D;EACAhB,SAAS,CAAC,MAAM;IACZe,QAAQ,CAACE,OAAO,CAACC,KAAK,CAAC,CAAC;EAC5B,CAAC,EAAE,CAACJ,gBAAgB,CAAC,CAAC;EAEtB,MAAMK,eAAe,GAAGpB,WAAW,CAC9BO,QAAyB,IAAK;IAC3B,IAAI,CAACQ,gBAAgB,EAAE;MACnB,OAAOR,QAAQ;IACnB;IAEA,iBAAIR,KAAK,CAACsB,cAAc,CAACd,QAAQ,CAAC,EAAE;MAChC,OAAOA,QAAQ;IACnB;IAEA,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;MAC9B;MACA,MAAMe,MAAM,GAAGN,QAAQ,CAACE,OAAO,CAACK,GAAG,CAAChB,QAAQ,CAAC;MAC7C,IAAIe,MAAM,KAAKZ,SAAS,EAAE;QACtB,OAAOY,MAAM;MACjB;;MAEA;MACA,MAAME,QAAQ,GAAGT,gBAAgB,CAACR,QAAQ,CAAC;MAC3CS,QAAQ,CAACE,OAAO,CAACO,GAAG,CAAClB,QAAQ,EAAEiB,QAAQ,CAAC;MACxC,OAAOA,QAAQ;IACnB;IAEA,OAAOjB,QAAQ;EACnB,CAAC,EACD,CAACQ,gBAAgB,CACrB,CAAC;EAED,oBACIhB,KAAA,CAAA2B,aAAA,CAAClB,cAAc,CAACmB,QAAQ;IAACC,KAAK,EAAE;MAAEd,aAAa;MAAEM;IAAgB;EAAE,gBAC/DrB,KAAA,CAAA2B,aAAA,CAACtB,OAAO,CAACuB,QAAQ,QAAEf,QAA2B,CAAC,eAC/Cb,KAAA,CAAA2B,aAAA,CAACvB,KAAK,CAACwB,QAAQ,MAAE,CACI,CAAC;AAElC,CAAC;AAED,OAAO,MAAME,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAG/B,KAAK,CAACgC,UAAU,CAACvB,cAAc,CAAC;EAChD,IAAI,CAACsB,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,qDAAqD,CAAC;EAC1E;EACA,OAAOF,OAAO;AAClB,CAAC","ignoreList":[]}
+{"version":3,"file":"AdminUiProvider/AdminUiProvider.js","sources":["../../src/AdminUiProvider/AdminUiProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport { Toast } from \"~/Toast/index.js\";\nimport { Tooltip } from \"~/Tooltip/index.js\";\nimport { type LinkComponent, DefaultLinkComponent } from \"~/index.js\";\n\nexport type CompileMarkdown = (markdown: React.ReactNode) => React.ReactNode;\n\nexport interface AdminUiContextValue {\n    linkComponent: LinkComponent;\n    compileMarkdown: CompileMarkdown;\n}\n\nconst passthrough = (markdown: string) => markdown;\n\nexport const AdminUiContext = React.createContext<AdminUiContextValue | undefined>(undefined);\n\ninterface MarkdownCompiler {\n    (markdown: string): React.ReactNode;\n}\n\nexport interface AdminUiProviderProps {\n    linkComponent?: LinkComponent;\n    markdownCompiler?: MarkdownCompiler;\n    children: React.ReactNode;\n}\n\nexport const AdminUiProvider = ({ children, ...props }: AdminUiProviderProps) => {\n    const linkComponent = props.linkComponent ?? DefaultLinkComponent;\n    const markdownCompiler = props.markdownCompiler ?? passthrough;\n\n    // Cache to store compiled markdown results\n    const cacheRef = useRef(new Map<string, React.ReactNode>());\n\n    // Clear cache when markdownCompiler changes\n    useEffect(() => {\n        cacheRef.current.clear();\n    }, [markdownCompiler]);\n\n    const compileMarkdown = useCallback(\n        (markdown: React.ReactNode) => {\n            if (!markdownCompiler) {\n                return markdown;\n            }\n\n            if (React.isValidElement(markdown)) {\n                return markdown;\n            }\n\n            if (typeof markdown === \"string\") {\n                // Check cache first\n                const cached = cacheRef.current.get(markdown);\n                if (cached !== undefined) {\n                    return cached;\n                }\n\n                // Compile and cache\n                const compiled = markdownCompiler(markdown);\n                cacheRef.current.set(markdown, compiled);\n                return compiled;\n            }\n\n            return markdown;\n        },\n        [markdownCompiler]\n    );\n\n    return (\n        <AdminUiContext.Provider value={{ linkComponent, compileMarkdown }}>\n            <Tooltip.Provider>{children}</Tooltip.Provider>\n            <Toast.Provider />\n        </AdminUiContext.Provider>\n    );\n};\n\nexport const useAdminUi = () => {\n    const context = React.useContext(AdminUiContext);\n    if (!context) {\n        throw new Error(\"AdminUiProvider is missing from the component tree.\");\n    }\n    return context;\n};\n"],"names":["passthrough","markdown","AdminUiContext","React","undefined","AdminUiProvider","children","props","linkComponent","DefaultLinkComponent","markdownCompiler","cacheRef","useRef","Map","useEffect","compileMarkdown","useCallback","cached","compiled","Tooltip","Toast","useAdminUi","context","Error"],"mappings":";;;;AAYA,MAAMA,cAAc,CAACC,WAAqBA;AAEnC,MAAMC,iBAAiB,WAAHA,GAAGC,MAAAA,aAAmB,CAAkCC;AAY5E,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAA6B;IACxE,MAAMC,gBAAgBD,MAAM,aAAa,IAAIE;IAC7C,MAAMC,mBAAmBH,MAAM,gBAAgB,IAAIP;IAGnD,MAAMW,WAAWC,OAAO,IAAIC;IAG5BC,UAAU;QACNH,SAAS,OAAO,CAAC,KAAK;IAC1B,GAAG;QAACD;KAAiB;IAErB,MAAMK,kBAAkBC,YACpB,CAACf;QACG,IAAI,CAACS,kBACD,OAAOT;QAGX,IAAI,WAAJ,GAAIE,MAAAA,cAAoB,CAACF,WACrB,OAAOA;QAGX,IAAI,AAAoB,YAApB,OAAOA,UAAuB;YAE9B,MAAMgB,SAASN,SAAS,OAAO,CAAC,GAAG,CAACV;YACpC,IAAIgB,AAAWb,WAAXa,QACA,OAAOA;YAIX,MAAMC,WAAWR,iBAAiBT;YAClCU,SAAS,OAAO,CAAC,GAAG,CAACV,UAAUiB;YAC/B,OAAOA;QACX;QAEA,OAAOjB;IACX,GACA;QAACS;KAAiB;IAGtB,OAAO,WAAP,GACI,oBAACR,eAAe,QAAQ;QAAC,OAAO;YAAEM;YAAeO;QAAgB;qBAC7D,oBAACI,QAAQ,QAAQ,QAAEb,WAAAA,WAAAA,GACnB,oBAACc,MAAM,QAAQ;AAG3B;AAEO,MAAMC,aAAa;IACtB,MAAMC,UAAUnB,MAAAA,UAAgB,CAACD;IACjC,IAAI,CAACoB,SACD,MAAM,IAAIC,MAAM;IAEpB,OAAOD;AACX"}

package/AdminUiProvider/index.js

@@ -1,3 +1 @@
 export * from "./AdminUiProvider.js";
-
-//# sourceMappingURL=index.js.map

package/Alert/Alert.js

@@ -1,5 +1,3 @@
-import * as React from "react";
-import { useMemo } from "react";
 import { cn, cva, makeDecoratable, withStaticProps } from "../utils.js";
 import { Button } from "../Button/index.js";
 import { AlertIcon } from "./AlertIcon.js";
@@ -8,103 +6,103 @@ import { AlertPropsProvider, useAlertProps } from "./AlertPropsProvider.js";
 import { AlertCloseButton } from "./AlertCloseButton.js";
 import { defaultVariants } from "./constants.js";
 import { useAdminUi } from "../AdminUiProvider/index.js";
+import * as __rspack_external_react from "react";
 const alertVariants = cva("flex gap-sm-plus items-start w-full rounded-lg text-md py-sm-extra pl-md pr-sm-plus [&_a]:font-semibold [&_a]:underline", {
-  variants: {
-    type: {
-      info: "",
-      success: "",
-      warning: "",
-      danger: ""
+    variants: {
+        type: {
+            info: "",
+            success: "",
+            warning: "",
+            danger: ""
+        },
+        variant: {
+            strong: "",
+            subtle: ""
+        }
     },
-    variant: {
-      strong: "",
-      subtle: ""
-    }
-  },
-  defaultVariants,
-  compoundVariants: [{
-    type: "info",
-    variant: "strong",
-    className: "bg-neutral-dark text-neutral-light [&_a]:text-neutral-light!"
-  }, {
-    type: "info",
-    variant: "subtle",
-    className: "bg-neutral-dimmed text-neutral-primary [&_a]:text-neutral-primary!"
-  }, {
-    type: "success",
-    variant: "strong",
-    className: "bg-secondary text-neutral-light [&_a]:text-neutral-light!"
-  }, {
-    type: "success",
-    variant: "subtle",
-    className: "bg-success-subtle text-neutral-primary [&_a]:text-neutral-primary!"
-  }, {
-    type: "warning",
-    variant: "strong",
-    className: "bg-warning text-neutral-primary [&_a]:text-neutral-primary!"
-  }, {
-    type: "warning",
-    variant: "subtle",
-    className: "bg-warning-subtle text-neutral-primary [&_a]:text-neutral-primary!"
-  }, {
-    type: "danger",
-    variant: "strong",
-    className: "bg-destructive text-neutral-light [&_a]:text-neutral-light!"
-  }, {
-    type: "danger",
-    variant: "subtle",
-    className: "bg-destructive-subtle text-neutral-primary [&_a]:text-neutral-primary!"
-  }]
+    defaultVariants: defaultVariants,
+    compoundVariants: [
+        {
+            type: "info",
+            variant: "strong",
+            className: "bg-neutral-dark text-neutral-light [&_a]:text-neutral-light!"
+        },
+        {
+            type: "info",
+            variant: "subtle",
+            className: "bg-neutral-dimmed text-neutral-primary [&_a]:text-neutral-primary!"
+        },
+        {
+            type: "success",
+            variant: "strong",
+            className: "bg-secondary text-neutral-light [&_a]:text-neutral-light!"
+        },
+        {
+            type: "success",
+            variant: "subtle",
+            className: "bg-success-subtle text-neutral-primary [&_a]:text-neutral-primary!"
+        },
+        {
+            type: "warning",
+            variant: "strong",
+            className: "bg-warning text-neutral-primary [&_a]:text-neutral-primary!"
+        },
+        {
+            type: "warning",
+            variant: "subtle",
+            className: "bg-warning-subtle text-neutral-primary [&_a]:text-neutral-primary!"
+        },
+        {
+            type: "danger",
+            variant: "strong",
+            className: "bg-destructive text-neutral-light [&_a]:text-neutral-light!"
+        },
+        {
+            type: "danger",
+            variant: "subtle",
+            className: "bg-destructive-subtle text-neutral-primary [&_a]:text-neutral-primary!"
+        }
+    ]
 });
-const AlertActionBase = props => {
-  const {
-    variant: alertVariant
-  } = useAlertProps();
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
-    text: "Button",
-    variant: alertVariant === "strong" ? "secondary" : "tertiary",
-    size: "sm"
-  }, props));
+const AlertActionBase = (props)=>{
+    const { variant: alertVariant } = useAlertProps();
+    return /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        text: "Button",
+        variant: "strong" === alertVariant ? "secondary" : "tertiary",
+        size: "sm",
+        ...props
+    });
 };
 const AlertAction = makeDecoratable("AlertAction", AlertActionBase);
-const AlertBase = props => {
-  const {
-    className,
-    type,
-    variant,
-    swatchColor,
-    actions,
-    children,
-    ...rootRestProps
-  } = props;
-  const {
-    compileMarkdown
-  } = useAdminUi();
-  const backgroundColor = useMemo(() => {
-    if (!swatchColor) {
-      return;
-    }
-    return swatchColor + "66";
-  }, [swatchColor]);
-  return /*#__PURE__*/React.createElement(AlertPropsProvider, {
-    props: props
-  }, /*#__PURE__*/React.createElement("div", Object.assign({
-    role: "alert",
-    className: cn(alertVariants({
-      type,
-      variant
-    }), className),
-    style: {
-      backgroundColor
-    }
-  }, rootRestProps), /*#__PURE__*/React.createElement(AlertSwatchBox, null), /*#__PURE__*/React.createElement(AlertIcon, null), /*#__PURE__*/React.createElement("div", {
-    className: "grow py-xxs"
-  }, compileMarkdown(children)), actions && /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-sm"
-  }, actions), /*#__PURE__*/React.createElement(AlertCloseButton, null)));
+const AlertBase = (props)=>{
+    const { className, type, variant, swatchColor, actions, children, ...rootRestProps } = props;
+    const { compileMarkdown } = useAdminUi();
+    const backgroundColor = (0, __rspack_external_react.useMemo)(()=>{
+        if (!swatchColor) return;
+        return swatchColor + "66";
+    }, [
+        swatchColor
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(AlertPropsProvider, {
+        props: props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "alert",
+        className: cn(alertVariants({
+            type,
+            variant
+        }), className),
+        style: {
+            backgroundColor
+        },
+        ...rootRestProps
+    }, /*#__PURE__*/ __rspack_external_react.createElement(AlertSwatchBox, null), /*#__PURE__*/ __rspack_external_react.createElement(AlertIcon, null), /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "grow py-xxs"
+    }, compileMarkdown(children)), actions && /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-sm"
+    }, actions), /*#__PURE__*/ __rspack_external_react.createElement(AlertCloseButton, null)));
 };
 const Alert = withStaticProps(makeDecoratable("AlertBase", AlertBase), {
-  Action: AlertAction
+    Action: AlertAction
 });
 export { Alert };
 

package/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","cn","cva","makeDecoratable","withStaticProps","Button","AlertIcon","AlertSwatchBox","AlertPropsProvider","useAlertProps","AlertCloseButton","defaultVariants","useAdminUi","alertVariants","variants","type","info","success","warning","danger","variant","strong","subtle","compoundVariants","className","AlertActionBase","props","alertVariant","createElement","Object","assign","text","size","AlertAction","AlertBase","swatchColor","actions","children","rootRestProps","compileMarkdown","backgroundColor","role","style","Alert","Action"],"sources":["Alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps, withStaticProps } from \"~/utils.js\";\nimport { Button, type ButtonProps } from \"~/Button/index.js\";\nimport { AlertIcon } from \"./AlertIcon.js\";\nimport { AlertSwatchBox } from \"./AlertSwatchBox.js\";\nimport { AlertPropsProvider, useAlertProps } from \"./AlertPropsProvider.js\";\nimport { AlertCloseButton } from \"./AlertCloseButton.js\";\nimport { defaultVariants } from \"./constants.js\";\nimport { useAdminUi } from \"~/AdminUiProvider/index.js\";\n\nconst alertVariants = cva(\n    \"flex gap-sm-plus items-start w-full rounded-lg text-md py-sm-extra pl-md pr-sm-plus [&_a]:font-semibold [&_a]:underline\",\n    {\n        variants: {\n            type: { info: \"\", success: \"\", warning: \"\", danger: \"\" },\n            variant: { strong: \"\", subtle: \"\" }\n        },\n        defaultVariants,\n        compoundVariants: [\n            {\n                type: \"info\",\n                variant: \"strong\",\n                className: \"bg-neutral-dark text-neutral-light [&_a]:text-neutral-light!\"\n            },\n            {\n                type: \"info\",\n                variant: \"subtle\",\n                className: \"bg-neutral-dimmed text-neutral-primary [&_a]:text-neutral-primary!\"\n            },\n            {\n                type: \"success\",\n                variant: \"strong\",\n                className: \"bg-secondary text-neutral-light [&_a]:text-neutral-light!\"\n            },\n            {\n                type: \"success\",\n                variant: \"subtle\",\n                className: \"bg-success-subtle text-neutral-primary [&_a]:text-neutral-primary!\"\n            },\n            {\n                type: \"warning\",\n                variant: \"strong\",\n                className: \"bg-warning text-neutral-primary [&_a]:text-neutral-primary!\"\n            },\n            {\n                type: \"warning\",\n                variant: \"subtle\",\n                className: \"bg-warning-subtle text-neutral-primary [&_a]:text-neutral-primary!\"\n            },\n            {\n                type: \"danger\",\n                variant: \"strong\",\n                className: \"bg-destructive text-neutral-light [&_a]:text-neutral-light!\"\n            },\n            {\n                type: \"danger\",\n                variant: \"subtle\",\n                className: \"bg-destructive-subtle text-neutral-primary [&_a]:text-neutral-primary!\"\n            }\n        ]\n    }\n);\n\nexport interface AlertProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {\n    showCloseButton?: boolean;\n    icon?: React.ReactElement | null;\n    onClose?: () => void;\n    actions?: React.ReactElement<typeof AlertAction>;\n    swatchColor?: string;\n    swatchColorIcon?: boolean;\n}\n\nconst AlertActionBase = (props: ButtonProps) => {\n    const { variant: alertVariant } = useAlertProps();\n    return (\n        <Button\n            text={\"Button\"}\n            variant={alertVariant === \"strong\" ? \"secondary\" : \"tertiary\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nconst AlertAction = makeDecoratable(\"AlertAction\", AlertActionBase);\n\nconst AlertBase = (props: AlertProps) => {\n    const { className, type, variant, swatchColor, actions, children, ...rootRestProps } = props;\n    const { compileMarkdown } = useAdminUi();\n\n    const backgroundColor = useMemo(() => {\n        if (!swatchColor) {\n            return;\n        }\n\n        return swatchColor + \"66\";\n    }, [swatchColor]);\n\n    return (\n        <AlertPropsProvider props={props}>\n            <div\n                role=\"alert\"\n                className={cn(alertVariants({ type, variant }), className)}\n                style={{ backgroundColor }}\n                {...rootRestProps}\n            >\n                <AlertSwatchBox />\n                <AlertIcon />\n                <div className={\"grow py-xxs\"}>{compileMarkdown(children)}</div>\n                {actions && <div className={\"flex gap-sm\"}>{actions}</div>}\n                <AlertCloseButton />\n            </div>\n        </AlertPropsProvider>\n    );\n};\n\nconst Alert = withStaticProps(makeDecoratable(\"AlertBase\", AlertBase), {\n    Action: AlertAction\n});\n\nexport { Alert };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Alert/Alert.js","sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps, withStaticProps } from \"~/utils.js\";\nimport { Button, type ButtonProps } from \"~/Button/index.js\";\nimport { AlertIcon } from \"./AlertIcon.js\";\nimport { AlertSwatchBox } from \"./AlertSwatchBox.js\";\nimport { AlertPropsProvider, useAlertProps } from \"./AlertPropsProvider.js\";\nimport { AlertCloseButton } from \"./AlertCloseButton.js\";\nimport { defaultVariants } from \"./constants.js\";\nimport { useAdminUi } from \"~/AdminUiProvider/index.js\";\n\nconst alertVariants = cva(\n    \"flex gap-sm-plus items-start w-full rounded-lg text-md py-sm-extra pl-md pr-sm-plus [&_a]:font-semibold [&_a]:underline\",\n    {\n        variants: {\n            type: { info: \"\", success: \"\", warning: \"\", danger: \"\" },\n            variant: { strong: \"\", subtle: \"\" }\n        },\n        defaultVariants,\n        compoundVariants: [\n            {\n                type: \"info\",\n                variant: \"strong\",\n                className: \"bg-neutral-dark text-neutral-light [&_a]:text-neutral-light!\"\n            },\n            {\n                type: \"info\",\n                variant: \"subtle\",\n                className: \"bg-neutral-dimmed text-neutral-primary [&_a]:text-neutral-primary!\"\n            },\n            {\n                type: \"success\",\n                variant: \"strong\",\n                className: \"bg-secondary text-neutral-light [&_a]:text-neutral-light!\"\n            },\n            {\n                type: \"success\",\n                variant: \"subtle\",\n                className: \"bg-success-subtle text-neutral-primary [&_a]:text-neutral-primary!\"\n            },\n            {\n                type: \"warning\",\n                variant: \"strong\",\n                className: \"bg-warning text-neutral-primary [&_a]:text-neutral-primary!\"\n            },\n            {\n                type: \"warning\",\n                variant: \"subtle\",\n                className: \"bg-warning-subtle text-neutral-primary [&_a]:text-neutral-primary!\"\n            },\n            {\n                type: \"danger\",\n                variant: \"strong\",\n                className: \"bg-destructive text-neutral-light [&_a]:text-neutral-light!\"\n            },\n            {\n                type: \"danger\",\n                variant: \"subtle\",\n                className: \"bg-destructive-subtle text-neutral-primary [&_a]:text-neutral-primary!\"\n            }\n        ]\n    }\n);\n\nexport interface AlertProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {\n    showCloseButton?: boolean;\n    icon?: React.ReactElement | null;\n    onClose?: () => void;\n    actions?: React.ReactElement<typeof AlertAction>;\n    swatchColor?: string;\n    swatchColorIcon?: boolean;\n}\n\nconst AlertActionBase = (props: ButtonProps) => {\n    const { variant: alertVariant } = useAlertProps();\n    return (\n        <Button\n            text={\"Button\"}\n            variant={alertVariant === \"strong\" ? \"secondary\" : \"tertiary\"}\n            size={\"sm\"}\n            {...props}\n        />\n    );\n};\n\nconst AlertAction = makeDecoratable(\"AlertAction\", AlertActionBase);\n\nconst AlertBase = (props: AlertProps) => {\n    const { className, type, variant, swatchColor, actions, children, ...rootRestProps } = props;\n    const { compileMarkdown } = useAdminUi();\n\n    const backgroundColor = useMemo(() => {\n        if (!swatchColor) {\n            return;\n        }\n\n        return swatchColor + \"66\";\n    }, [swatchColor]);\n\n    return (\n        <AlertPropsProvider props={props}>\n            <div\n                role=\"alert\"\n                className={cn(alertVariants({ type, variant }), className)}\n                style={{ backgroundColor }}\n                {...rootRestProps}\n            >\n                <AlertSwatchBox />\n                <AlertIcon />\n                <div className={\"grow py-xxs\"}>{compileMarkdown(children)}</div>\n                {actions && <div className={\"flex gap-sm\"}>{actions}</div>}\n                <AlertCloseButton />\n            </div>\n        </AlertPropsProvider>\n    );\n};\n\nconst Alert = withStaticProps(makeDecoratable(\"AlertBase\", AlertBase), {\n    Action: AlertAction\n});\n\nexport { Alert };\n"],"names":["alertVariants","cva","defaultVariants","AlertActionBase","props","alertVariant","useAlertProps","Button","AlertAction","makeDecoratable","AlertBase","className","type","variant","swatchColor","actions","children","rootRestProps","compileMarkdown","useAdminUi","backgroundColor","useMemo","AlertPropsProvider","cn","AlertSwatchBox","AlertIcon","AlertCloseButton","Alert","withStaticProps"],"mappings":";;;;;;;;;AAWA,MAAMA,gBAAgBC,IAClB,2HACA;IACI,UAAU;QACN,MAAM;YAAE,MAAM;YAAI,SAAS;YAAI,SAAS;YAAI,QAAQ;QAAG;QACvD,SAAS;YAAE,QAAQ;YAAI,QAAQ;QAAG;IACtC;IACAC,iBAAeA;IACf,kBAAkB;QACd;YACI,MAAM;YACN,SAAS;YACT,WAAW;QACf;QACA;YACI,MAAM;YACN,SAAS;YACT,WAAW;QACf;QACA;YACI,MAAM;YACN,SAAS;YACT,WAAW;QACf;QACA;YACI,MAAM;YACN,SAAS;YACT,WAAW;QACf;QACA;YACI,MAAM;YACN,SAAS;YACT,WAAW;QACf;QACA;YACI,MAAM;YACN,SAAS;YACT,WAAW;QACf;QACA;YACI,MAAM;YACN,SAAS;YACT,WAAW;QACf;QACA;YACI,MAAM;YACN,SAAS;YACT,WAAW;QACf;KACH;AACL;AAaJ,MAAMC,kBAAkB,CAACC;IACrB,MAAM,EAAE,SAASC,YAAY,EAAE,GAAGC;IAClC,OAAO,WAAP,GACI,sCAACC,QAAMA;QACH,MAAM;QACN,SAASF,AAAiB,aAAjBA,eAA4B,cAAc;QACnD,MAAM;QACL,GAAGD,KAAK;;AAGrB;AAEA,MAAMI,cAAcC,gBAAgB,eAAeN;AAEnD,MAAMO,YAAY,CAACN;IACf,MAAM,EAAEO,SAAS,EAAEC,IAAI,EAAEC,OAAO,EAAEC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,eAAe,GAAGb;IACvF,MAAM,EAAEc,eAAe,EAAE,GAAGC;IAE5B,MAAMC,kBAAkBC,AAAAA,IAAAA,wBAAAA,OAAAA,AAAAA,EAAQ;QAC5B,IAAI,CAACP,aACD;QAGJ,OAAOA,cAAc;IACzB,GAAG;QAACA;KAAY;IAEhB,OAAO,WAAP,GACI,sCAACQ,oBAAkBA;QAAC,OAAOlB;qBACvB,sCAAC;QACG,MAAK;QACL,WAAWmB,GAAGvB,cAAc;YAAEY;YAAMC;QAAQ,IAAIF;QAChD,OAAO;YAAES;QAAgB;QACxB,GAAGH,aAAa;qBAEjB,sCAACO,gBAAcA,OAAAA,WAAAA,GACf,sCAACC,WAASA,OAAAA,WAAAA,GACV,sCAAC;QAAI,WAAW;OAAgBP,gBAAgBF,YAC/CD,WAAW,WAAXA,GAAW,sCAAC;QAAI,WAAW;OAAgBA,UAAAA,WAAAA,GAC5C,sCAACW,kBAAgBA;AAIjC;AAEA,MAAMC,QAAQC,gBAAgBnB,gBAAgB,aAAaC,YAAY;IACnE,QAAQF;AACZ"}