@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/Widget/components/WidgetFooter.js

@@ -1,55 +1,50 @@
-import * as React from "react";
 import { cva } from "../../utils.js";
 import { useWidgetProps } from "./WidgetPropsProvider.js";
 import { WidgetActionsProvider } from "./WidgetActionsContext.js";
+import * as __rspack_external_react from "react";
 const widgetFooterVariants = cva("flex justify-between", {
-  variants: {
-    padding: {
-      sm: "p-md",
-      md: "py-md-extra px-lg"
+    variants: {
+        padding: {
+            sm: "p-md",
+            md: "py-md-extra px-lg"
+        }
+    },
+    defaultVariants: {
+        padding: "md"
     }
-  },
-  defaultVariants: {
-    padding: "md"
-  }
 });
 const emptyWidgetFooterVariants = cva("", {
-  variants: {
-    padding: {
-      sm: "h-lg",
-      md: "h-lg"
+    variants: {
+        padding: {
+            sm: "h-lg",
+            md: "h-lg"
+        }
+    },
+    defaultVariants: {
+        padding: "md"
     }
-  },
-  defaultVariants: {
-    padding: "md"
-  }
 });
-export const WidgetFooter = () => {
-  const {
-    footerStartActions,
-    footerEndActions,
-    padding
-  } = useWidgetProps();
-  if (!footerStartActions && !footerEndActions) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: emptyWidgetFooterVariants({
-        padding
-      })
+const WidgetFooter = ()=>{
+    const { footerStartActions, footerEndActions, padding } = useWidgetProps();
+    if (!footerStartActions && !footerEndActions) return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: emptyWidgetFooterVariants({
+            padding
+        })
     });
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: widgetFooterVariants({
-      padding
-    })
-  }, footerStartActions && /*#__PURE__*/React.createElement(WidgetActionsProvider, {
-    location: "footer-start"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-x-sm"
-  }, footerStartActions)), footerEndActions && /*#__PURE__*/React.createElement(WidgetActionsProvider, {
-    location: "footer-end"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-x-sm ml-auto"
-  }, footerEndActions)));
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: widgetFooterVariants({
+            padding
+        })
+    }, footerStartActions && /*#__PURE__*/ __rspack_external_react.createElement(WidgetActionsProvider, {
+        location: "footer-start"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-x-sm"
+    }, footerStartActions)), footerEndActions && /*#__PURE__*/ __rspack_external_react.createElement(WidgetActionsProvider, {
+        location: "footer-end"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-x-sm ml-auto"
+    }, footerEndActions)));
 };
+export { WidgetFooter };
 
 //# sourceMappingURL=WidgetFooter.js.map

package/Widget/components/WidgetFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cva","useWidgetProps","WidgetActionsProvider","widgetFooterVariants","variants","padding","sm","md","defaultVariants","emptyWidgetFooterVariants","WidgetFooter","footerStartActions","footerEndActions","createElement","className","location"],"sources":["WidgetFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva } from \"~/utils.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\nimport { WidgetActionsProvider } from \"./WidgetActionsContext.js\";\n\nconst widgetFooterVariants = cva(\"flex justify-between\", {\n    variants: {\n        padding: {\n            sm: \"p-md\",\n            md: \"py-md-extra px-lg\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nconst emptyWidgetFooterVariants = cva(\"\", {\n    variants: {\n        padding: {\n            sm: \"h-lg\",\n            md: \"h-lg\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetFooter = () => {\n    const { footerStartActions, footerEndActions, padding } = useWidgetProps();\n\n    if (!footerStartActions && !footerEndActions) {\n        return <div className={emptyWidgetFooterVariants({ padding })} />;\n    }\n\n    return (\n        <div className={widgetFooterVariants({ padding })}>\n            {footerStartActions && (\n                <WidgetActionsProvider location=\"footer-start\">\n                    <div className={\"flex gap-x-sm\"}>{footerStartActions}</div>\n                </WidgetActionsProvider>\n            )}\n            {footerEndActions && (\n                <WidgetActionsProvider location=\"footer-end\">\n                    <div className={\"flex gap-x-sm ml-auto\"}>{footerEndActions}</div>\n                </WidgetActionsProvider>\n            )}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,GAAG;AACZ,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAE9B,MAAMC,oBAAoB,GAAGH,GAAG,CAAC,sBAAsB,EAAE;EACrDI,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,MAAMI,yBAAyB,GAAGT,GAAG,CAAC,EAAE,EAAE;EACtCI,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,MAAM;MACVC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMK,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,kBAAkB;IAAEC,gBAAgB;IAAEP;EAAQ,CAAC,GAAGJ,cAAc,CAAC,CAAC;EAE1E,IAAI,CAACU,kBAAkB,IAAI,CAACC,gBAAgB,EAAE;IAC1C,oBAAOb,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAEL,yBAAyB,CAAC;QAAEJ;MAAQ,CAAC;IAAE,CAAE,CAAC;EACrE;EAEA,oBACIN,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAEX,oBAAoB,CAAC;MAAEE;IAAQ,CAAC;EAAE,GAC7CM,kBAAkB,iBACfZ,KAAA,CAAAc,aAAA,CAACX,qBAAqB;IAACa,QAAQ,EAAC;EAAc,gBAC1ChB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAAgB,GAAEH,kBAAwB,CACvC,CAC1B,EACAC,gBAAgB,iBACbb,KAAA,CAAAc,aAAA,CAACX,qBAAqB;IAACa,QAAQ,EAAC;EAAY,gBACxChB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAE;EAAwB,GAAEF,gBAAsB,CAC7C,CAE1B,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetFooter.js","sources":["../../../src/Widget/components/WidgetFooter.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva } from \"~/utils.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\nimport { WidgetActionsProvider } from \"./WidgetActionsContext.js\";\n\nconst widgetFooterVariants = cva(\"flex justify-between\", {\n    variants: {\n        padding: {\n            sm: \"p-md\",\n            md: \"py-md-extra px-lg\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nconst emptyWidgetFooterVariants = cva(\"\", {\n    variants: {\n        padding: {\n            sm: \"h-lg\",\n            md: \"h-lg\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetFooter = () => {\n    const { footerStartActions, footerEndActions, padding } = useWidgetProps();\n\n    if (!footerStartActions && !footerEndActions) {\n        return <div className={emptyWidgetFooterVariants({ padding })} />;\n    }\n\n    return (\n        <div className={widgetFooterVariants({ padding })}>\n            {footerStartActions && (\n                <WidgetActionsProvider location=\"footer-start\">\n                    <div className={\"flex gap-x-sm\"}>{footerStartActions}</div>\n                </WidgetActionsProvider>\n            )}\n            {footerEndActions && (\n                <WidgetActionsProvider location=\"footer-end\">\n                    <div className={\"flex gap-x-sm ml-auto\"}>{footerEndActions}</div>\n                </WidgetActionsProvider>\n            )}\n        </div>\n    );\n};\n"],"names":["widgetFooterVariants","cva","emptyWidgetFooterVariants","WidgetFooter","footerStartActions","footerEndActions","padding","useWidgetProps","WidgetActionsProvider"],"mappings":";;;;AAKA,MAAMA,uBAAuBC,IAAI,wBAAwB;IACrD,UAAU;QACN,SAAS;YACL,IAAI;YACJ,IAAI;QACR;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAEA,MAAMC,4BAA4BD,IAAI,IAAI;IACtC,UAAU;QACN,SAAS;YACL,IAAI;YACJ,IAAI;QACR;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAEO,MAAME,eAAe;IACxB,MAAM,EAAEC,kBAAkB,EAAEC,gBAAgB,EAAEC,OAAO,EAAE,GAAGC;IAE1D,IAAI,CAACH,sBAAsB,CAACC,kBACxB,OAAO,WAAP,GAAO,sCAAC;QAAI,WAAWH,0BAA0B;YAAEI;QAAQ;;IAG/D,OAAO,WAAP,GACI,sCAAC;QAAI,WAAWN,qBAAqB;YAAEM;QAAQ;OAC1CF,sBAAsB,WAAtBA,GACG,sCAACI,uBAAqBA;QAAC,UAAS;qBAC5B,sCAAC;QAAI,WAAW;OAAkBJ,sBAGzCC,oBAAoB,WAApBA,GACG,sCAACG,uBAAqBA;QAAC,UAAS;qBAC5B,sCAAC;QAAI,WAAW;OAA0BH;AAK9D"}

package/Widget/components/WidgetHeader.js

@@ -1,49 +1,43 @@
-import * as React from "react";
 import { cn, cva } from "../../utils.js";
 import { WidgetTitle } from "./WidgetTitle.js";
 import { WidgetDescription } from "./WidgetDescription.js";
 import { useWidgetProps } from "./WidgetPropsProvider.js";
 import { WidgetActionsProvider } from "./WidgetActionsContext.js";
+import * as __rspack_external_react from "react";
 const widgetHeaderVariants = cva("text-neutral-primary", {
-  variants: {
-    padding: {
-      sm: "pt-sm-extra pl-md pr-sm-extra",
-      md: "pt-md pl-lg pr-md"
+    variants: {
+        padding: {
+            sm: "pt-sm-extra pl-md pr-sm-extra",
+            md: "pt-md pl-lg pr-md"
+        }
+    },
+    defaultVariants: {
+        padding: "md"
     }
-  },
-  defaultVariants: {
-    padding: "md"
-  }
 });
-export const WidgetHeader = () => {
-  const {
-    headerActions,
-    title,
-    icon,
-    description,
-    padding,
-    className
-  } = useWidgetProps();
-  const nothingToRender = React.useMemo(() => {
-    return !title && !description && !icon;
-  }, [title, description, icon]);
-  if (nothingToRender) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    "data-widget": "header",
-    className: cn(widgetHeaderVariants({
-      padding
-    }), className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-xs text-sm text-neutral-strong pb-sm-extra"
-  }, /*#__PURE__*/React.createElement(WidgetTitle, null, icon, title), description && /*#__PURE__*/React.createElement(WidgetDescription, null, description)), headerActions && /*#__PURE__*/React.createElement(WidgetActionsProvider, {
-    location: "header"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex gap-sm"
-  }, headerActions))));
+const WidgetHeader = ()=>{
+    const { headerActions, title, icon, description, padding, className } = useWidgetProps();
+    const nothingToRender = __rspack_external_react.useMemo(()=>!title && !description && !icon, [
+        title,
+        description,
+        icon
+    ]);
+    if (nothingToRender) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-widget": "header",
+        className: cn(widgetHeaderVariants({
+            padding
+        }), className)
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex justify-between"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex flex-col gap-xs text-sm text-neutral-strong pb-sm-extra"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(WidgetTitle, null, icon, title), description && /*#__PURE__*/ __rspack_external_react.createElement(WidgetDescription, null, description)), headerActions && /*#__PURE__*/ __rspack_external_react.createElement(WidgetActionsProvider, {
+        location: "header"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex gap-sm"
+    }, headerActions))));
 };
+export { WidgetHeader };
 
 //# sourceMappingURL=WidgetHeader.js.map

package/Widget/components/WidgetHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","WidgetTitle","WidgetDescription","useWidgetProps","WidgetActionsProvider","widgetHeaderVariants","variants","padding","sm","md","defaultVariants","WidgetHeader","headerActions","title","icon","description","className","nothingToRender","useMemo","createElement","location"],"sources":["WidgetHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport { WidgetTitle } from \"./WidgetTitle.js\";\nimport { WidgetDescription } from \"./WidgetDescription.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\nimport { WidgetActionsProvider } from \"./WidgetActionsContext.js\";\n\nconst widgetHeaderVariants = cva(\"text-neutral-primary\", {\n    variants: {\n        padding: {\n            sm: \"pt-sm-extra pl-md pr-sm-extra\",\n            md: \"pt-md pl-lg pr-md\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetHeader = () => {\n    const { headerActions, title, icon, description, padding, className } = useWidgetProps();\n\n    const nothingToRender = React.useMemo(() => {\n        return !title && !description && !icon;\n    }, [title, description, icon]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <div data-widget=\"header\" className={cn(widgetHeaderVariants({ padding }), className)}>\n            <div className={\"flex justify-between\"}>\n                <div className=\"flex flex-col gap-xs text-sm text-neutral-strong pb-sm-extra\">\n                    <WidgetTitle>\n                        {icon}\n                        {title}\n                    </WidgetTitle>\n                    {description && <WidgetDescription>{description}</WidgetDescription>}\n                </div>\n                {headerActions && (\n                    <WidgetActionsProvider location=\"header\">\n                        <div className={\"flex gap-sm\"}>{headerActions}</div>\n                    </WidgetActionsProvider>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,WAAW;AACpB,SAASC,iBAAiB;AAC1B,SAASC,cAAc;AACvB,SAASC,qBAAqB;AAE9B,MAAMC,oBAAoB,GAAGL,GAAG,CAAC,sBAAsB,EAAE;EACrDM,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,+BAA+B;MACnCC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMI,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAER,OAAO;IAAES;EAAU,CAAC,GAAGb,cAAc,CAAC,CAAC;EAExF,MAAMc,eAAe,GAAGnB,KAAK,CAACoB,OAAO,CAAC,MAAM;IACxC,OAAO,CAACL,KAAK,IAAI,CAACE,WAAW,IAAI,CAACD,IAAI;EAC1C,CAAC,EAAE,CAACD,KAAK,EAAEE,WAAW,EAAED,IAAI,CAAC,CAAC;EAE9B,IAAIG,eAAe,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACInB,KAAA,CAAAqB,aAAA;IAAK,eAAY,QAAQ;IAACH,SAAS,EAAEjB,EAAE,CAACM,oBAAoB,CAAC;MAAEE;IAAQ,CAAC,CAAC,EAAES,SAAS;EAAE,gBAClFlB,KAAA,CAAAqB,aAAA;IAAKH,SAAS,EAAE;EAAuB,gBACnClB,KAAA,CAAAqB,aAAA;IAAKH,SAAS,EAAC;EAA8D,gBACzElB,KAAA,CAAAqB,aAAA,CAAClB,WAAW,QACPa,IAAI,EACJD,KACQ,CAAC,EACbE,WAAW,iBAAIjB,KAAA,CAAAqB,aAAA,CAACjB,iBAAiB,QAAEa,WAA+B,CAClE,CAAC,EACLH,aAAa,iBACVd,KAAA,CAAAqB,aAAA,CAACf,qBAAqB;IAACgB,QAAQ,EAAC;EAAQ,gBACpCtB,KAAA,CAAAqB,aAAA;IAAKH,SAAS,EAAE;EAAc,GAAEJ,aAAmB,CAChC,CAE1B,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetHeader.js","sources":["../../../src/Widget/components/WidgetHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport { WidgetTitle } from \"./WidgetTitle.js\";\nimport { WidgetDescription } from \"./WidgetDescription.js\";\nimport { useWidgetProps } from \"./WidgetPropsProvider.js\";\nimport { WidgetActionsProvider } from \"./WidgetActionsContext.js\";\n\nconst widgetHeaderVariants = cva(\"text-neutral-primary\", {\n    variants: {\n        padding: {\n            sm: \"pt-sm-extra pl-md pr-sm-extra\",\n            md: \"pt-md pl-lg pr-md\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\"\n    }\n});\n\nexport const WidgetHeader = () => {\n    const { headerActions, title, icon, description, padding, className } = useWidgetProps();\n\n    const nothingToRender = React.useMemo(() => {\n        return !title && !description && !icon;\n    }, [title, description, icon]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <div data-widget=\"header\" className={cn(widgetHeaderVariants({ padding }), className)}>\n            <div className={\"flex justify-between\"}>\n                <div className=\"flex flex-col gap-xs text-sm text-neutral-strong pb-sm-extra\">\n                    <WidgetTitle>\n                        {icon}\n                        {title}\n                    </WidgetTitle>\n                    {description && <WidgetDescription>{description}</WidgetDescription>}\n                </div>\n                {headerActions && (\n                    <WidgetActionsProvider location=\"header\">\n                        <div className={\"flex gap-sm\"}>{headerActions}</div>\n                    </WidgetActionsProvider>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"names":["widgetHeaderVariants","cva","WidgetHeader","headerActions","title","icon","description","padding","className","useWidgetProps","nothingToRender","React","cn","WidgetTitle","WidgetDescription","WidgetActionsProvider"],"mappings":";;;;;;AAOA,MAAMA,uBAAuBC,IAAI,wBAAwB;IACrD,UAAU;QACN,SAAS;YACL,IAAI;YACJ,IAAI;QACR;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAEO,MAAMC,eAAe;IACxB,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAEC,OAAO,EAAEC,SAAS,EAAE,GAAGC;IAExE,MAAMC,kBAAkBC,wBAAAA,OAAa,CAAC,IAC3B,CAACP,SAAS,CAACE,eAAe,CAACD,MACnC;QAACD;QAAOE;QAAaD;KAAK;IAE7B,IAAIK,iBACA,OAAO;IAGX,OAAO,WAAP,GACI,sCAAC;QAAI,eAAY;QAAS,WAAWE,GAAGZ,qBAAqB;YAAEO;QAAQ,IAAIC;qBACvE,sCAAC;QAAI,WAAW;qBACZ,sCAAC;QAAI,WAAU;qBACX,sCAACK,aAAWA,MACPR,MACAD,QAEJE,eAAe,WAAfA,GAAe,sCAACQ,mBAAiBA,MAAER,eAEvCH,iBAAiB,WAAjBA,GACG,sCAACY,uBAAqBA;QAAC,UAAS;qBAC5B,sCAAC;QAAI,WAAW;OAAgBZ;AAMxD"}

package/Widget/components/WidgetPropsProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["createComponentPropsProvider","WidgetPropsProvider","useWidgetProps"],"sources":["WidgetPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport { type WidgetProps } from \"../Widget.js\";\n\nconst [WidgetPropsProvider, useWidgetProps] = createComponentPropsProvider<WidgetProps>();\n\nexport { WidgetPropsProvider, useWidgetProps };\n"],"mappings":"AAAA,SAASA,4BAA4B;AAGrC,MAAM,CAACC,mBAAmB,EAAEC,cAAc,CAAC,GAAGF,4BAA4B,CAAc,CAAC;AAEzF,SAASC,mBAAmB,EAAEC,cAAc","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetPropsProvider.js","sources":["../../../src/Widget/components/WidgetPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport { type WidgetProps } from \"../Widget.js\";\n\nconst [WidgetPropsProvider, useWidgetProps] = createComponentPropsProvider<WidgetProps>();\n\nexport { WidgetPropsProvider, useWidgetProps };\n"],"names":["WidgetPropsProvider","useWidgetProps","createComponentPropsProvider"],"mappings":";AAGA,MAAM,CAACA,qBAAqBC,eAAe,GAAGC"}

package/Widget/components/WidgetTitle.js

@@ -1,10 +1,9 @@
-import * as React from "react";
 import { cn } from "../../utils.js";
-export const WidgetTitle = ({
-  className,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-  className: cn("flex items-center gap-sm text-neutral-primary font-semibold pt-xs text-h5", className)
-}));
+import * as __rspack_external_react from "react";
+const WidgetTitle = ({ className, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        className: cn("flex items-center gap-sm text-neutral-primary font-semibold pt-xs text-h5", className)
+    });
+export { WidgetTitle };
 
 //# sourceMappingURL=WidgetTitle.js.map

package/Widget/components/WidgetTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","WidgetTitle","className","props","createElement","Object","assign"],"sources":["WidgetTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport type WidgetTitleProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const WidgetTitle = ({ className, ...props }: WidgetTitleProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"flex items-center gap-sm text-neutral-primary font-semibold pt-xs text-h5\",\n            className\n        )}\n    />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE;AAIX,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBACjEJ,KAAA,CAAAK,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEF,EAAE,CACT,2EAA2E,EAC3EE,SACJ;AAAE,EACL,CACJ","ignoreList":[]}
+{"version":3,"file":"Widget/components/WidgetTitle.js","sources":["../../../src/Widget/components/WidgetTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"~/utils.js\";\n\nexport type WidgetTitleProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const WidgetTitle = ({ className, ...props }: WidgetTitleProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"flex items-center gap-sm text-neutral-primary font-semibold pt-xs text-h5\",\n            className\n        )}\n    />\n);\n"],"names":["WidgetTitle","className","props","cn"],"mappings":";;AAKO,MAAMA,cAAc,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAyB,iBACjE,sCAAC;QACI,GAAGA,KAAK;QACT,WAAWC,GACP,6EACAF"}

package/Widget/index.js

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

package/exports/admin/ui.d.ts

@@ -3,6 +3,7 @@ export { Accordion } from "../../Accordion/index.js";
 export { Alert } from "../../Alert/index.js";
 export { AutoComplete } from "../../AutoComplete/index.js";
 export { Avatar } from "../../Avatar/index.js";
+export { BetaBadge } from "../../BetaBadge/BetaBadge.js";
 export { Button, CopyButton, IconButton } from "../../Button/index.js";
 export { Card } from "../../Card/index.js";
 export { Checkbox } from "../../Checkbox/index.js";
@@ -16,7 +17,9 @@ export { Dialog } from "../../Dialog/index.js";
 export { Drawer } from "../../Drawer/index.js";
 export { DropdownMenu } from "../../DropdownMenu/index.js";
 export { DynamicFieldset } from "../../DynamicFieldset/index.js";
+export { EmptyState } from "../../EmptyState/index.js";
 export { FilePicker } from "../../FilePicker/index.js";
+export { FillViewportHeight, FillViewportWidth, FillViewport } from "../../FillViewport/index.js";
 export { Grid } from "../../Grid/index.js";
 export { HeaderBar } from "../../HeaderBar/index.js";
 export { Heading } from "../../Heading/index.js";

package/exports/admin/ui.js

@@ -1,180 +1,63 @@
-export { FormComponentDescription, FormComponentLabel, FormComponentNote, FormComponentErrorMessage } from "../../FormComponent/index.js";
-
-// Accordion
+export { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../../FormComponent/index.js";
 export { Accordion } from "../../Accordion/index.js";
-
-// Alert
 export { Alert } from "../../Alert/index.js";
-
-// AutoComplete
 export { AutoComplete } from "../../AutoComplete/index.js";
-
-// Avatar
 export { Avatar } from "../../Avatar/index.js";
-
-// Button
+export { BetaBadge } from "../../BetaBadge/BetaBadge.js";
 export { Button, CopyButton, IconButton } from "../../Button/index.js";
-
-// Card
 export { Card } from "../../Card/index.js";
-
-// Checkbox
 export { Checkbox } from "../../Checkbox/index.js";
-
-// CheckboxGroup
 export { CheckboxGroup } from "../../CheckboxGroup/index.js";
-
-// CodeEditor
 export { CodeEditor } from "../../CodeEditor/index.js";
-
-// ColorPicker
 export { ColorPicker } from "../../ColorPicker/index.js";
-
-// DataList
 export { CloneIcon, CreateIcon, DataList, DataListModal, DataListWithSections, DeleteIcon, DownloadIcon, EditIcon, FilterIcon, ListIcon, LoginIcon, NextPageIcon, OptionsIcon, PreviousPageIcon, RefreshIcon, SortIcon, UploadIcon } from "../../DataList/index.js";
-
-// DataTable
 export { DataTable } from "../../DataTable/index.js";
-
-// DelayedOnChange
 export { DelayedOnChange } from "../../DelayedOnChange/index.js";
-
-// Dialog
 export { Dialog } from "../../Dialog/index.js";
-
-// Drawer
 export { Drawer } from "../../Drawer/index.js";
-
-// DropdownMenu
 export { DropdownMenu } from "../../DropdownMenu/index.js";
-
-// DynamicFieldset
 export { DynamicFieldset } from "../../DynamicFieldset/index.js";
-
-// FilePicker
+export { EmptyState } from "../../EmptyState/index.js";
 export { FilePicker } from "../../FilePicker/index.js";
-
-// Grid
+export { FillViewport, FillViewportHeight, FillViewportWidth } from "../../FillViewport/index.js";
 export { Grid } from "../../Grid/index.js";
-
-// HeaderBar
 export { HeaderBar } from "../../HeaderBar/index.js";
-
-// Heading
 export { Heading } from "../../Heading/index.js";
-
-// Icon
 export { Icon } from "../../Icon/index.js";
-
-// IconPicker
 export { IconPicker } from "../../IconPicker/index.js";
-
-// Image
 export { Image } from "../../Image/index.js";
-
-// Input
 export { Input } from "../../Input/index.js";
-
-// Label
 export { Label } from "../../Label/index.js";
-
-// Link
 export { Link } from "../../Link/index.js";
-
-// List
 export { List } from "../../List/index.js";
-
-// Loader
 export { Loader, OverlayLoader } from "../../Loader/index.js";
-
-// MultiAutoComplete
 export { MultiAutoComplete } from "../../MultiAutoComplete/index.js";
-
-// MultiFilePicker
 export { MultiFilePicker } from "../../MultiFilePicker/index.js";
-
-// Portal
 export { Portal } from "../../Portal/index.js";
-
-// Popover
 export { Popover } from "../../Popover/index.js";
-
-// ProgressBar
 export { ProgressBar } from "../../ProgressBar/index.js";
-
-// RadioGroup
 export { Radio, RadioGroup } from "../../RadioGroup/index.js";
-
-// RangeSlider
 export { RangeSlider } from "../../RangeSlider/index.js";
-
-// Scrollbar
 export { Scrollbar } from "../../Scrollbar/index.js";
-
-// ScrollArea
 export { ScrollArea, ScrollBar } from "../../ScrollArea/index.js";
-
-// SegmentedControl
 export { SegmentedControl } from "../../SegmentedControl/index.js";
-
-// Select
 export { Select } from "../../Select/index.js";
-
-// Separator
 export { Separator } from "../../Separator/index.js";
-
-// Sidebar
 export { Sidebar, SidebarProvider, useSidebar } from "../../Sidebar/index.js";
-
-// Skeleton
 export { Skeleton } from "../../Skeleton/index.js";
-
-// Slider
 export { Slider } from "../../Slider/index.js";
-
-// SteppedProgress
 export { SteppedProgress } from "../../SteppedProgress/index.js";
-
-// Switch
 export { Switch } from "../../Switch/index.js";
-
-// Table
 export { Table } from "../../Table/index.js";
-
-// Tabs
 export { Tabs } from "../../Tabs/index.js";
-
-// Tag
 export { Tag } from "../../Tag/index.js";
-
-// Tags
 export { Tags } from "../../Tags/index.js";
-
-// Text
 export { Text } from "../../Text/index.js";
-
-// Textarea
 export { Textarea } from "../../Textarea/index.js";
-
-// TimeAgo
 export { TimeAgo } from "../../TimeAgo/index.js";
-
-// Toast
 export { Toast, useToast } from "../../Toast/index.js";
-
-// Tooltip
 export { Tooltip } from "../../Tooltip/index.js";
-
-// Tree
 export { Tree } from "../../Tree/index.js";
-
-// Widget
 export { Widget } from "../../Widget/index.js";
-
-// utils
 export { cn, cva, generateId } from "../../utils.js";
-
-// hooks
 export { useDisclosure } from "../../hooks/index.js";
-
-//# sourceMappingURL=ui.js.map

package/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from "./useDisclosure.js";
+export * from "./useEscapeScrollLock.js";

package/hooks/index.js

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

package/hooks/useDisclosure.js

@@ -1,32 +1,27 @@
 import { useCallback, useState } from "react";
-export const useDisclosure = (isOpenDefault = false) => {
-  const [isOpen, defaultSetIsOpen] = useState(isOpenDefault);
-  const [data, setData] = useState(null);
-  const setIsOpen = useCallback((isOpen, data) => {
-    defaultSetIsOpen(isOpen);
-    if (typeof data !== "undefined") {
-      setData(data);
-    }
-  }, []);
-  const open = useCallback(data => {
-    setIsOpen(true, data);
-  }, []);
-  const close = useCallback(() => setIsOpen(false), []);
-  const toggle = useCallback(toSet => {
-    if (typeof toSet === "undefined") {
-      setIsOpen(state => !state);
-    } else {
-      setIsOpen(Boolean(toSet));
-    }
-  }, []);
-  return {
-    isOpen,
-    setIsOpen,
-    open,
-    close,
-    toggle,
-    data
-  };
+const useDisclosure = (isOpenDefault = false)=>{
+    const [isOpen, defaultSetIsOpen] = useState(isOpenDefault);
+    const [data, setData] = useState(null);
+    const setIsOpen = useCallback((isOpen, data)=>{
+        defaultSetIsOpen(isOpen);
+        if (void 0 !== data) setData(data);
+    }, []);
+    const open = useCallback((data)=>{
+        setIsOpen(true, data);
+    }, []);
+    const close = useCallback(()=>setIsOpen(false), []);
+    const toggle = useCallback((toSet)=>{
+        void 0 === toSet ? setIsOpen((state)=>!state) : setIsOpen(Boolean(toSet));
+    }, []);
+    return {
+        isOpen,
+        setIsOpen,
+        open,
+        close,
+        toggle,
+        data
+    };
 };
+export { useDisclosure };
 
 //# sourceMappingURL=useDisclosure.js.map

package/hooks/useDisclosure.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useState","useDisclosure","isOpenDefault","isOpen","defaultSetIsOpen","data","setData","setIsOpen","open","close","toggle","toSet","state","Boolean"],"sources":["useDisclosure.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const useDisclosure = <TData = undefined>(isOpenDefault = false) => {\n    const [isOpen, defaultSetIsOpen] = useState(isOpenDefault);\n    const [data, setData] = useState<TData | null>(null);\n\n    const setIsOpen = useCallback(\n        (isOpen: boolean | ((prev: boolean) => boolean), data?: TData) => {\n            defaultSetIsOpen(isOpen);\n            if (typeof data !== \"undefined\") {\n                setData(data);\n            }\n        },\n        []\n    );\n\n    const open = useCallback((data?: TData) => {\n        setIsOpen(true, data);\n    }, []);\n\n    const close = useCallback(() => setIsOpen(false), []);\n\n    const toggle = useCallback((toSet?: boolean) => {\n        if (typeof toSet === \"undefined\") {\n            setIsOpen(state => !state);\n        } else {\n            setIsOpen(Boolean(toSet));\n        }\n    }, []);\n\n    return { isOpen, setIsOpen, open, close, toggle, data };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,OAAO,MAAMC,aAAa,GAAGA,CAAoBC,aAAa,GAAG,KAAK,KAAK;EACvE,MAAM,CAACC,MAAM,EAAEC,gBAAgB,CAAC,GAAGJ,QAAQ,CAACE,aAAa,CAAC;EAC1D,MAAM,CAACG,IAAI,EAAEC,OAAO,CAAC,GAAGN,QAAQ,CAAe,IAAI,CAAC;EAEpD,MAAMO,SAAS,GAAGR,WAAW,CACzB,CAACI,MAA8C,EAAEE,IAAY,KAAK;IAC9DD,gBAAgB,CAACD,MAAM,CAAC;IACxB,IAAI,OAAOE,IAAI,KAAK,WAAW,EAAE;MAC7BC,OAAO,CAACD,IAAI,CAAC;IACjB;EACJ,CAAC,EACD,EACJ,CAAC;EAED,MAAMG,IAAI,GAAGT,WAAW,CAAEM,IAAY,IAAK;IACvCE,SAAS,CAAC,IAAI,EAAEF,IAAI,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,KAAK,GAAGV,WAAW,CAAC,MAAMQ,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAErD,MAAMG,MAAM,GAAGX,WAAW,CAAEY,KAAe,IAAK;IAC5C,IAAI,OAAOA,KAAK,KAAK,WAAW,EAAE;MAC9BJ,SAAS,CAACK,KAAK,IAAI,CAACA,KAAK,CAAC;IAC9B,CAAC,MAAM;MACHL,SAAS,CAACM,OAAO,CAACF,KAAK,CAAC,CAAC;IAC7B;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAER,MAAM;IAAEI,SAAS;IAAEC,IAAI;IAAEC,KAAK;IAAEC,MAAM;IAAEL;EAAK,CAAC;AAC3D,CAAC","ignoreList":[]}
+{"version":3,"file":"hooks/useDisclosure.js","sources":["../../src/hooks/useDisclosure.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const useDisclosure = <TData = undefined>(isOpenDefault = false) => {\n    const [isOpen, defaultSetIsOpen] = useState(isOpenDefault);\n    const [data, setData] = useState<TData | null>(null);\n\n    const setIsOpen = useCallback(\n        (isOpen: boolean | ((prev: boolean) => boolean), data?: TData) => {\n            defaultSetIsOpen(isOpen);\n            if (typeof data !== \"undefined\") {\n                setData(data);\n            }\n        },\n        []\n    );\n\n    const open = useCallback((data?: TData) => {\n        setIsOpen(true, data);\n    }, []);\n\n    const close = useCallback(() => setIsOpen(false), []);\n\n    const toggle = useCallback((toSet?: boolean) => {\n        if (typeof toSet === \"undefined\") {\n            setIsOpen(state => !state);\n        } else {\n            setIsOpen(Boolean(toSet));\n        }\n    }, []);\n\n    return { isOpen, setIsOpen, open, close, toggle, data };\n};\n"],"names":["useDisclosure","isOpenDefault","isOpen","defaultSetIsOpen","useState","data","setData","setIsOpen","useCallback","open","close","toggle","toSet","state","Boolean"],"mappings":";AAEO,MAAMA,gBAAgB,CAAoBC,gBAAgB,KAAK;IAClE,MAAM,CAACC,QAAQC,iBAAiB,GAAGC,SAASH;IAC5C,MAAM,CAACI,MAAMC,QAAQ,GAAGF,SAAuB;IAE/C,MAAMG,YAAYC,YACd,CAACN,QAAgDG;QAC7CF,iBAAiBD;QACjB,IAAI,AAAgB,WAATG,MACPC,QAAQD;IAEhB,GACA,EAAE;IAGN,MAAMI,OAAOD,YAAY,CAACH;QACtBE,UAAU,MAAMF;IACpB,GAAG,EAAE;IAEL,MAAMK,QAAQF,YAAY,IAAMD,UAAU,QAAQ,EAAE;IAEpD,MAAMI,SAASH,YAAY,CAACI;QACH,WAAVA,QACPL,UAAUM,CAAAA,QAAS,CAACA,SAEpBN,UAAUO,QAAQF;IAE1B,GAAG,EAAE;IAEL,OAAO;QAAEV;QAAQK;QAAWE;QAAMC;QAAOC;QAAQN;IAAK;AAC1D"}

package/hooks/useEscapeScrollLock.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A modal `Dialog` locks scrolling by preventing every `wheel` and `touchmove` event that lands
+ * outside of its content. The listener sits on `document`, so layers that are portaled to
+ * `document.body` - popovers and the lists they render - count as "outside" and stop scrolling
+ * while the dialog is open.
+ *
+ * Stopping those events on the layer itself keeps them away from the `document` listener: the
+ * browser scrolls the layer as it normally would, and the lock still holds everywhere else.
+ *
+ * Attach the returned callback ref to the element whose subtree must remain scrollable. It has to
+ * be a callback ref, because layers like the popover mount their element after the first render.
+ */
+export declare const useEscapeScrollLock: <T extends HTMLElement>() => (element: T | null) => void;

package/hooks/useEscapeScrollLock.js

@@ -0,0 +1,21 @@
+import { useCallback, useRef } from "react";
+const useEscapeScrollLock = ()=>{
+    const detach = useRef(null);
+    return useCallback((element)=>{
+        if (detach.current) {
+            detach.current();
+            detach.current = null;
+        }
+        if (!element) return;
+        const stopPropagation = (event)=>event.stopPropagation();
+        element.addEventListener("wheel", stopPropagation);
+        element.addEventListener("touchmove", stopPropagation);
+        detach.current = ()=>{
+            element.removeEventListener("wheel", stopPropagation);
+            element.removeEventListener("touchmove", stopPropagation);
+        };
+    }, []);
+};
+export { useEscapeScrollLock };
+
+//# sourceMappingURL=useEscapeScrollLock.js.map

package/hooks/useEscapeScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/useEscapeScrollLock.js","sources":["../../src/hooks/useEscapeScrollLock.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\n\n/**\n * A modal `Dialog` locks scrolling by preventing every `wheel` and `touchmove` event that lands\n * outside of its content. The listener sits on `document`, so layers that are portaled to\n * `document.body` - popovers and the lists they render - count as \"outside\" and stop scrolling\n * while the dialog is open.\n *\n * Stopping those events on the layer itself keeps them away from the `document` listener: the\n * browser scrolls the layer as it normally would, and the lock still holds everywhere else.\n *\n * Attach the returned callback ref to the element whose subtree must remain scrollable. It has to\n * be a callback ref, because layers like the popover mount their element after the first render.\n */\nexport const useEscapeScrollLock = <T extends HTMLElement>() => {\n    const detach = useRef<(() => void) | null>(null);\n\n    return useCallback((element: T | null) => {\n        if (detach.current) {\n            detach.current();\n            detach.current = null;\n        }\n\n        if (!element) {\n            return;\n        }\n\n        const stopPropagation = (event: Event) => event.stopPropagation();\n\n        element.addEventListener(\"wheel\", stopPropagation);\n        element.addEventListener(\"touchmove\", stopPropagation);\n\n        detach.current = () => {\n            element.removeEventListener(\"wheel\", stopPropagation);\n            element.removeEventListener(\"touchmove\", stopPropagation);\n        };\n    }, []);\n};\n"],"names":["useEscapeScrollLock","detach","useRef","useCallback","element","stopPropagation","event"],"mappings":";AAcO,MAAMA,sBAAsB;IAC/B,MAAMC,SAASC,OAA4B;IAE3C,OAAOC,YAAY,CAACC;QAChB,IAAIH,OAAO,OAAO,EAAE;YAChBA,OAAO,OAAO;YACdA,OAAO,OAAO,GAAG;QACrB;QAEA,IAAI,CAACG,SACD;QAGJ,MAAMC,kBAAkB,CAACC,QAAiBA,MAAM,eAAe;QAE/DF,QAAQ,gBAAgB,CAAC,SAASC;QAClCD,QAAQ,gBAAgB,CAAC,aAAaC;QAEtCJ,OAAO,OAAO,GAAG;YACbG,QAAQ,mBAAmB,CAAC,SAASC;YACrCD,QAAQ,mBAAmB,CAAC,aAAaC;QAC7C;IACJ,GAAG,EAAE;AACT"}