@edifice.io/react 2.0.0-develop-rc.7 → 2.0.0-develop-rc.11

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,28 +1,29 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { useTranslation } from "react-i18next";
-import { Heading } from "../Heading/Heading.js";
-import BreadcrumbItem from "./BreadcrumbItem.js";
-import BreadcrumbList from "./BreadcrumbList.js";
-import BreadcrumbNav from "./BreadcrumbNav.js";
-import { AppIcon } from "../AppIcon/AppIcon.js";
-import { Icon } from "../Icon/Icon.js";
-const Breadcrumb = /* @__PURE__ */ forwardRef(({
-  app,
-  name
-}, ref) => {
+import { jsx as r, jsxs as s, Fragment as n } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { useTranslation as a } from "react-i18next";
+import { Heading as d } from "../Heading/Heading.js";
+import l from "./BreadcrumbItem.js";
+import h from "./BreadcrumbList.js";
+import f from "./BreadcrumbNav.js";
+import { AppIcon as c } from "../AppIcon/AppIcon.js";
+import { Icon as N } from "../Icon/Icon.js";
+const I = /* @__PURE__ */ o(({
+  app: e,
+  name: i
+}, t) => {
   const {
-    t
-  } = useTranslation();
-  return /* @__PURE__ */ jsx(BreadcrumbNav, { app, ref, className: "mw-100", children: /* @__PURE__ */ jsx(BreadcrumbList, { className: "gap-12 mw-100", children: name ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx("a", { href: app == null ? void 0 : app.address, className: "d-flex", "aria-label": t(app == null ? void 0 : app.displayName), children: /* @__PURE__ */ jsx(AppIcon, { app, size: "40" }) }) }),
-    /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(Icon, { name: "rafter-right", color: "var(--edifice-gray-600)", size: "20" }) }),
-    /* @__PURE__ */ jsx(BreadcrumbItem, { className: "text-truncate", children: /* @__PURE__ */ jsx(Heading, { level: "h1", headingStyle: "h3", className: "text-truncate", children: name }) })
-  ] }) : /* @__PURE__ */ jsxs(BreadcrumbItem, { className: "gap-12 d-flex align-items-center", children: [
-    /* @__PURE__ */ jsx("a", { href: app == null ? void 0 : app.address, className: "d-flex", "aria-label": t(app == null ? void 0 : app.displayName), children: /* @__PURE__ */ jsx(AppIcon, { app, size: "40" }) }),
-    /* @__PURE__ */ jsx(Heading, { level: "h1", headingStyle: "h3", className: "d-none d-md-flex", children: t(app == null ? void 0 : app.displayName) })
+    t: m
+  } = a();
+  return /* @__PURE__ */ r(f, { app: e, ref: t, className: "mw-100", children: /* @__PURE__ */ r(h, { className: "gap-12 mw-100", children: i ? /* @__PURE__ */ s(n, { children: [
+    /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r("a", { href: e == null ? void 0 : e.address, className: "d-flex", "aria-label": m(e == null ? void 0 : e.displayName), children: /* @__PURE__ */ r(c, { app: e, size: "40" }) }) }),
+    /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(N, { name: "rafter-right", color: "var(--edifice-gray-600)", size: "20" }) }),
+    /* @__PURE__ */ r(l, { className: "text-truncate", children: /* @__PURE__ */ r(d, { level: "h1", headingStyle: "h3", className: "text-truncate", children: i }) })
+  ] }) : /* @__PURE__ */ s(l, { className: "gap-12 d-flex align-items-center", children: [
+    /* @__PURE__ */ r("a", { href: e == null ? void 0 : e.address, className: "d-flex", "aria-label": m(e == null ? void 0 : e.displayName), children: /* @__PURE__ */ r(c, { app: e, size: "40" }) }),
+    /* @__PURE__ */ r(d, { level: "h1", headingStyle: "h3", className: "d-none d-md-flex", children: m(e == null ? void 0 : e.displayName) })
   ] }) }) });
 });
 export {
-  Breadcrumb
+  I as Breadcrumb
 };
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react';\n\nimport { IWebApp } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon } from '..';\nimport { AppIcon } from '../AppIcon';\nimport Heading from '../Heading/Heading';\nimport BreadcrumbItem from './BreadcrumbItem';\nimport BreadcrumbList from './BreadcrumbList';\nimport BreadcrumbNav from './BreadcrumbNav';\n\nexport interface BreadcrumbProps {\n  /**\n   * Pass all data about current application\n   */\n  app: IWebApp;\n  /**\n   * Show name of the current resource\n   */\n  name?: string;\n}\n\nexport const Breadcrumb = forwardRef(\n  ({ app, name }: BreadcrumbProps, ref: Ref<HTMLElement>) => {\n    const { t } = useTranslation();\n\n    return (\n      <BreadcrumbNav app={app} ref={ref} className=\"mw-100\">\n        <BreadcrumbList className=\"gap-12 mw-100\">\n          {name ? (\n            <>\n              <BreadcrumbItem>\n                <a\n                  href={app?.address}\n                  className=\"d-flex\"\n                  aria-label={t(app?.displayName)}\n                >\n                  <AppIcon app={app} size=\"40\" />\n                </a>\n              </BreadcrumbItem>\n              <BreadcrumbItem>\n                <Icon\n                  name=\"rafter-right\"\n                  color=\"var(--edifice-gray-600)\"\n                  size=\"20\"\n                />\n              </BreadcrumbItem>\n              <BreadcrumbItem className=\"text-truncate\">\n                <Heading level=\"h1\" headingStyle=\"h3\" className=\"text-truncate\">\n                  {name}\n                </Heading>\n              </BreadcrumbItem>\n            </>\n          ) : (\n            <BreadcrumbItem className=\"gap-12 d-flex align-items-center\">\n              <a\n                href={app?.address}\n                className=\"d-flex\"\n                aria-label={t(app?.displayName)}\n              >\n                <AppIcon app={app} size=\"40\" />\n              </a>\n              <Heading\n                level=\"h1\"\n                headingStyle=\"h3\"\n                className=\"d-none d-md-flex\"\n              >\n                {t(app?.displayName)}\n              </Heading>\n            </BreadcrumbItem>\n          )}\n        </BreadcrumbList>\n      </BreadcrumbNav>\n    );\n  },\n);\n\nBreadcrumb.displayName = 'Breadcrumb';\n"],"names":["Breadcrumb","app","name","ref","t","useTranslation","jsx","BreadcrumbNav","BreadcrumbList","jsxs","Fragment","BreadcrumbItem","address","displayName","AppIcon","Icon","Heading"],"mappings":";;;;;;;;;AAuBaA,MAAAA,sBACX,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,MAAAA;AAAsB,GAAGC,MAA0B;AACnD,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe;AAG3B,SAAA,gBAAAC,EAACC,GAAc,EAAA,KAAAN,GAAU,KAAAE,GAAU,WAAU,UAC3C,UAAA,gBAAAG,EAACE,GAAe,EAAA,WAAU,iBACvBN,UAAAA,IAEG,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAJ,EAACK,KACC,UAAC,gBAAAL,EAAA,KAAA,EACC,MAAML,KAAAA,gBAAAA,EAAKW,SACX,WAAU,UACV,cAAYR,EAAEH,KAAAA,gBAAAA,EAAKY,WAAW,GAE9B,UAAC,gBAAAP,EAAAQ,GAAA,EAAQ,KAAAb,GAAU,MAAK,MAAI,GAC9B,EACF,CAAA;AAAA,IACA,gBAAAK,EAACK,GACC,EAAA,UAAA,gBAAAL,EAACS,GACC,EAAA,MAAK,gBACL,OAAM,2BACN,MAAK,KAAA,CAAI,EAEb,CAAA;AAAA,IACC,gBAAAT,EAAAK,GAAA,EAAe,WAAU,iBACxB,UAAC,gBAAAL,EAAAU,GAAA,EAAQ,OAAM,MAAK,cAAa,MAAK,WAAU,iBAC7Cd,YACH,CAAA,GACF;AAAA,EAAA,EACF,CAAA,IAEA,gBAAAO,EAACE,GAAe,EAAA,WAAU,oCACxB,UAAA;AAAA,IAAA,gBAAAL,EAAC,OACC,MAAML,KAAAA,gBAAAA,EAAKW,SACX,WAAU,UACV,cAAYR,EAAEH,KAAAA,gBAAAA,EAAKY,WAAW,GAE9B,UAAC,gBAAAP,EAAAQ,GAAA,EAAQ,KAAAb,GAAU,MAAK,KAAI,CAAA,GAC9B;AAAA,IACA,gBAAAK,EAACU,GACC,EAAA,OAAM,MACN,cAAa,MACb,WAAU,oBAETZ,UAAAA,EAAEH,KAAAA,gBAAAA,EAAKY,WAAW,EACrB,CAAA;AAAA,EAAA,GACF,GAEJ,EACF,CAAA;AAEJ,CACF;"}

package/dist/components/Breadcrumb/BreadcrumbItem.js

@@ -1,14 +1,15 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-const BreadcrumbItem = /* @__PURE__ */ forwardRef(({
-  children,
-  className,
-  ...restProps
-}, forwardRef2) => {
-  const classes = clsx("breadcrumb-item", className);
-  return /* @__PURE__ */ jsx("li", { ref: forwardRef2, className: classes, ...restProps, children });
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import c from "clsx";
+const d = /* @__PURE__ */ a(({
+  children: r,
+  className: e,
+  ...m
+}, o) => {
+  const s = c("breadcrumb-item", e);
+  return /* @__PURE__ */ t("li", { ref: o, className: s, ...m, children: r });
 });
 export {
-  BreadcrumbItem as default
+  d as default
 };
+//# sourceMappingURL=BreadcrumbItem.js.map

package/dist/components/Breadcrumb/BreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.js","sources":["../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nexport interface BreadcrumbItemProps extends React.ComponentPropsWithRef<'li'> {\n  /**\n   * Link or text to display\n   */\n  children: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nconst BreadcrumbItem = forwardRef(\n  (\n    { children, className, ...restProps }: BreadcrumbItemProps,\n    forwardRef: Ref<HTMLLIElement>,\n  ) => {\n    const classes = clsx('breadcrumb-item', className);\n\n    return (\n      <li ref={forwardRef} className={classes} {...restProps}>\n        {children}\n      </li>\n    );\n  },\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","children","className","restProps","forwardRef","classes","clsx","jsx"],"mappings":";;;AAeMA,MAAAA,sBACJ,CACE;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAW,GAAGC;AAA+B,GACzDC,MACG;AACGC,QAAAA,IAAUC,EAAK,mBAAmBJ,CAAS;AAG/C,SAAA,gBAAAK,EAAC,QAAG,KAAKH,GAAY,WAAWC,GAAS,GAAIF,GAC1CF,UAAAA,EACH,CAAA;AAEJ,CACF;"}

package/dist/components/Breadcrumb/BreadcrumbList.js

@@ -1,13 +1,14 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-const BreadcrumbList = /* @__PURE__ */ forwardRef(({
-  children,
-  className
-}, ref) => {
-  const classes = clsx("breadcrumb d-flex flex-nowrap align-items-center mb-0", className);
-  return /* @__PURE__ */ jsx("ol", { ref, className: classes, children });
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import a from "clsx";
+const i = /* @__PURE__ */ t(({
+  children: r,
+  className: e
+}, o) => {
+  const s = a("breadcrumb d-flex flex-nowrap align-items-center mb-0", e);
+  return /* @__PURE__ */ m("ol", { ref: o, className: s, children: r });
 });
 export {
-  BreadcrumbList as default
+  i as default
 };
+//# sourceMappingURL=BreadcrumbList.js.map

package/dist/components/Breadcrumb/BreadcrumbList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbList.js","sources":["../../../src/components/Breadcrumb/BreadcrumbList.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nexport interface BreadcrumbListProps {\n  /**\n   * Breadcrumb LI\n   */\n  children: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nconst BreadcrumbList = forwardRef(\n  (\n    { children, className }: BreadcrumbListProps,\n    ref: Ref<HTMLOListElement>,\n  ) => {\n    const classes = clsx(\n      'breadcrumb d-flex flex-nowrap align-items-center mb-0',\n      className,\n    );\n    return (\n      <ol ref={ref} className={classes}>\n        {children}\n      </ol>\n    );\n  },\n);\n\nBreadcrumbList.displayName = 'BreadcrumbList';\n\nexport default BreadcrumbList;\n"],"names":["BreadcrumbList","children","className","ref","classes","clsx","jsx"],"mappings":";;;AAeMA,MAAAA,sBACJ,CACE;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAA+B,GAC3CC,MACG;AACGC,QAAAA,IAAUC,EACd,yDACAH,CACF;AACA,SACG,gBAAAI,EAAA,MAAA,EAAG,KAAAH,GAAU,WAAWC,GACtBH,UAAAA,EACH,CAAA;AAEJ,CACF;"}

package/dist/components/Breadcrumb/BreadcrumbNav.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IWebApp } from 'edifice-ts-client';
+import { IWebApp } from '@edifice.io/ts-client';
 export interface BreadcrumbNavProps extends React.ComponentPropsWithRef<'nav'> {
     /**
      * Pass all data about current application

package/dist/components/Breadcrumb/BreadcrumbNav.js

@@ -1,22 +1,23 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import useOdeIcons from "../../core/useOdeIcons/useOdeIcons.js";
-const BreadcrumbNav = /* @__PURE__ */ forwardRef(({
-  children,
-  app,
-  className
-}, ref) => {
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import l from "clsx";
+import { useTranslation as d } from "react-i18next";
+import f from "../../core/useOdeIcons/useOdeIcons.js";
+const g = /* @__PURE__ */ n(({
+  children: r,
+  app: e,
+  className: s
+}, o) => {
   const {
     t
-  } = useTranslation(), {
-    getIconClass
-  } = useOdeIcons(), classes = clsx("d-flex align-items-center mb-0", getIconClass(app), className), style = {
+  } = d(), {
+    getIconClass: a
+  } = f(), m = l("d-flex align-items-center mb-0", a(e), s), c = {
     "--edifice-breadcrumb-divider": "-"
   };
-  return /* @__PURE__ */ jsx("nav", { ref, className: classes, "aria-label": t("breadcrumb"), style, children });
+  return /* @__PURE__ */ i("nav", { ref: o, className: m, "aria-label": t("breadcrumb"), style: c, children: r });
 });
 export {
-  BreadcrumbNav as default
+  g as default
 };
+//# sourceMappingURL=BreadcrumbNav.js.map

package/dist/components/Breadcrumb/BreadcrumbNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbNav.js","sources":["../../../src/components/Breadcrumb/BreadcrumbNav.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport { IWebApp } from '@edifice.io/ts-client';\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport useOdeIcons from '../../core/useOdeIcons/useOdeIcons';\n\nexport interface BreadcrumbNavProps extends React.ComponentPropsWithRef<'nav'> {\n  /**\n   * Pass all data about current application\n   */\n  app: IWebApp;\n  /**\n   * Children\n   */\n  children: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nconst BreadcrumbNav = forwardRef(\n  ({ children, app, className }: BreadcrumbNavProps, ref: Ref<HTMLElement>) => {\n    const { t } = useTranslation();\n    const { getIconClass } = useOdeIcons();\n\n    const classes = clsx(\n      'd-flex align-items-center mb-0',\n      getIconClass(app),\n      className,\n    );\n\n    const style = {\n      '--edifice-breadcrumb-divider': '-',\n    } as React.CSSProperties;\n\n    return (\n      <nav\n        ref={ref}\n        className={classes}\n        aria-label={t('breadcrumb')}\n        style={style}\n      >\n        {children}\n      </nav>\n    );\n  },\n);\n\nBreadcrumbNav.displayName = 'BreadcrumbNav';\n\nexport default BreadcrumbNav;\n"],"names":["BreadcrumbNav","children","app","className","ref","t","useTranslation","getIconClass","useOdeIcons","classes","clsx","style","jsx"],"mappings":";;;;;AAuBMA,MAAAA,sBACJ,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,KAAAA;AAAAA,EAAKC,WAAAA;AAA8B,GAAGC,MAA0B;AACrE,QAAA;AAAA,IAAEC;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,cAAAA;AAAAA,MAAiBC,EAAY,GAE/BC,IAAUC,EACd,kCACAH,EAAaL,CAAG,GAChBC,CACF,GAEMQ,IAAQ;AAAA,IACZ,gCAAgC;AAAA,EAAA;AAIhC,SAAA,gBAAAC,EAAC,OACC,EAAA,KAAAR,GACA,WAAWK,GACX,cAAYJ,EAAE,YAAY,GAC1B,OAAAM,GAECV,UAAAA,EACH,CAAA;AAEJ,CACF;"}

package/dist/components/Button/Button.js

@@ -1,36 +1,37 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { Loading } from "../Loading/Loading.js";
-const Button = /* @__PURE__ */ forwardRef(({
-  color = "primary",
-  type = "button",
-  size = "md",
-  children,
-  isLoading,
-  loadingIcon,
-  loadingPosition,
-  leftIcon,
-  rightIcon,
-  className,
-  variant = "filled",
-  ...restProps
-}, ref) => {
-  const classes = clsx("btn", {
-    [`btn-filled btn-${color}`]: variant === "filled",
-    [`btn-${variant}-${color}`]: variant === "outline" || variant === "ghost",
-    "btn-icon": !children,
-    "btn-loading": isLoading,
-    "btn-lg": size === "lg",
-    "btn-sm": size === "sm"
-  }, className);
-  return /* @__PURE__ */ jsx("button", { ref, className: classes, type, ...restProps, children: isLoading ? /* @__PURE__ */ jsx(Loading, { isLoading: !0, loadingIcon, loadingPosition, children }) : /* @__PURE__ */ jsxs("span", { children: [
-    leftIcon,
-    children,
-    rightIcon
+import { jsx as m, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import x from "clsx";
+import { Loading as $ } from "../Loading/Loading.js";
+const B = /* @__PURE__ */ a(({
+  color: n = "primary",
+  type: r = "button",
+  size: s = "md",
+  children: o,
+  isLoading: l,
+  loadingIcon: b,
+  loadingPosition: e,
+  leftIcon: f,
+  rightIcon: d,
+  className: i,
+  variant: t = "filled",
+  ...p
+}, u) => {
+  const c = x("btn", {
+    [`btn-filled btn-${n}`]: t === "filled",
+    [`btn-${t}-${n}`]: t === "outline" || t === "ghost",
+    "btn-icon": !o,
+    "btn-loading": l,
+    "btn-lg": s === "lg",
+    "btn-sm": s === "sm"
+  }, i);
+  return /* @__PURE__ */ m("button", { ref: u, className: c, type: r, ...p, children: l ? /* @__PURE__ */ m($, { isLoading: !0, loadingIcon: b, loadingPosition: e, children: o }) : /* @__PURE__ */ g("span", { children: [
+    f,
+    o,
+    d
   ] }) });
 });
 export {
-  Button,
-  Button as default
+  B as Button,
+  B as default
 };
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Loading, LoadingIcon, LoadingPosition } from '../Loading';\n\nexport type ButtonRef = HTMLButtonElement;\n\nexport type ButtonTypes = 'button' | 'submit' | 'reset';\nexport type ButtonColors = 'primary' | 'secondary' | 'tertiary' | 'danger';\nexport type ButtonVariants = 'filled' | 'outline' | 'ghost';\nexport type ButtonSizes = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends React.ComponentPropsWithRef<'button'> {\n  /**\n   * `button`, `submit` or `reset`\n   */\n  type?: ButtonTypes;\n  /**\n   * `primary`, `secondary`, `tertiary` or `danger`\n   */\n  color?: ButtonColors;\n  /**\n   * `filled`, `outline` or `ghost`\n   */\n  variant?: ButtonVariants;\n  /**\n   * `sm`, `md` or `lg`\n   */\n  size?: ButtonSizes;\n  /**\n   * Does it has a text ?\n   */\n  children: ReactNode;\n  /**\n   * Display Icon Component to the left\n   */\n  leftIcon?: ReactNode;\n  /**\n   * Display Icon Component to the right\n   */\n  rightIcon?: ReactNode;\n  /**\n   * Is it loading ?\n   */\n  isLoading?: boolean;\n  /**\n   * Override Loading Icon\n   */\n  loadingIcon?: LoadingIcon;\n  /**\n   * Loading Icon Position\n   * `left`, `right`\n   */\n  loadingPosition?: LoadingPosition;\n  /**\n   * Disabled status\n   */\n  disabled?: boolean;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\n/**\n * Primary UI component for user interaction\n */\n\nexport const Button = forwardRef(\n  (\n    {\n      color = 'primary',\n      type = 'button',\n      size = 'md',\n      children,\n      isLoading,\n      loadingIcon,\n      loadingPosition,\n      leftIcon,\n      rightIcon,\n      className,\n      variant = 'filled',\n      ...restProps\n    }: ButtonProps,\n    ref: Ref<ButtonRef>,\n  ) => {\n    const classes = clsx(\n      'btn',\n      {\n        [`btn-filled btn-${color}`]: variant === 'filled',\n        [`btn-${variant}-${color}`]:\n          variant === 'outline' || variant === 'ghost',\n        'btn-icon': !children,\n        'btn-loading': isLoading,\n        'btn-lg': size === 'lg',\n        'btn-sm': size === 'sm',\n      },\n      className,\n    );\n\n    return (\n      <button ref={ref} className={classes} type={type} {...restProps}>\n        {isLoading ? (\n          <Loading\n            isLoading\n            loadingIcon={loadingIcon}\n            loadingPosition={loadingPosition}\n          >\n            {children}\n          </Loading>\n        ) : (\n          <span>\n            {leftIcon}\n            {children}\n            {rightIcon}\n          </span>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["Button","color","type","size","children","isLoading","loadingIcon","loadingPosition","leftIcon","rightIcon","className","variant","restProps","ref","classes","clsx","jsx","Loading"],"mappings":";;;;AAqEaA,MAAAA,sBACX,CACE;AAAA,EACEC,OAAAA,IAAQ;AAAA,EACRC,MAAAA,IAAO;AAAA,EACPC,MAAAA,IAAO;AAAA,EACPC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GACbC,MACG;AACGC,QAAAA,IAAUC,EACd,OACA;AAAA,IACE,CAAC,kBAAkBd,CAAK,EAAE,GAAGU,MAAY;AAAA,IACzC,CAAC,OAAOA,CAAO,IAAIV,CAAK,EAAE,GACxBU,MAAY,aAAaA,MAAY;AAAA,IACvC,YAAY,CAACP;AAAAA,IACb,eAAeC;AAAAA,IACf,UAAUF,MAAS;AAAA,IACnB,UAAUA,MAAS;AAAA,KAErBO,CACF;AAEA,2BACG,UAAO,EAAA,KAAAG,GAAU,WAAWC,GAAS,MAAAZ,GAAgBU,GAAAA,GACnDP,UAAAA,IACE,gBAAAW,EAAAC,GAAA,EACC,WAAS,IACT,aAAAX,GACA,iBAAAC,GAECH,UAAAA,EACH,CAAA,sBAEC,QACEI,EAAAA,UAAAA;AAAAA,IAAAA;AAAAA,IACAJ;AAAAA,IACAK;AAAAA,EAAAA,EACH,CAAA,EAEJ,CAAA;AAEJ,CACF;"}

package/dist/components/Button/IconButton.js

@@ -1,19 +1,20 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { Button } from "./Button.js";
-const IconButton = /* @__PURE__ */ forwardRef(({
-  icon,
-  className,
-  ...restProps
-}, ref) => {
-  const buttonProps = {
-    ...restProps,
-    className: clsx("btn-icon btn-sm", className)
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import f from "clsx";
+import { Button as e } from "./Button.js";
+const l = /* @__PURE__ */ c(({
+  icon: o,
+  className: t,
+  ...r
+}, n) => {
+  const m = {
+    ...r,
+    className: f("btn-icon btn-sm", t)
   };
-  return /* @__PURE__ */ jsx(Button, { ref, ...buttonProps, children: icon });
+  return /* @__PURE__ */ s(e, { ref: n, ...m, children: o });
 });
 export {
-  IconButton,
-  IconButton as default
+  l as IconButton,
+  l as default
 };
+//# sourceMappingURL=IconButton.js.map

package/dist/components/Button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../src/components/Button/IconButton.tsx"],"sourcesContent":["/**\n * Button  Component\n *\n * @see Docs     https://edifice-ui.vercel.app/?path=/docs/components-core-button--base\n * @see Source   https://github.com/opendigitaleducation/edifice-ui/blob/main/packages/core/src/Button/Button.tsx\n * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\nimport { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Button, ButtonProps, ButtonRef } from './Button';\n\ntype OmittedProps = 'children' | 'leftIcon' | 'rightIcon';\n\nexport interface IconButtonProps extends Omit<ButtonProps, OmittedProps> {\n  icon?: ReactNode;\n}\n\n/**\n * IconButton extends ButtonComponent.\n */\n\nexport const IconButton = forwardRef(\n  (\n    { icon, className, ...restProps }: IconButtonProps,\n    ref?: Ref<ButtonRef>,\n  ) => {\n    const buttonProps = {\n      ...restProps,\n      ...{\n        className: clsx('btn-icon btn-sm', className),\n      },\n    };\n\n    return (\n      <Button ref={ref} {...buttonProps}>\n        {icon}\n      </Button>\n    );\n  },\n);\n\nIconButton.displayName = 'IconButton';\n\nexport default IconButton;\n"],"names":["IconButton","icon","className","restProps","ref","buttonProps","clsx","jsx","Button"],"mappings":";;;;AAuBaA,MAAAA,sBACX,CACE;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,WAAAA;AAAAA,EAAW,GAAGC;AAA2B,GACjDC,MACG;AACH,QAAMC,IAAc;AAAA,IAClB,GAAGF;AAAAA,IAEDD,WAAWI,EAAK,mBAAmBJ,CAAS;AAAA,EAC9C;AAGF,SACG,gBAAAK,EAAAC,GAAA,EAAO,KAAAJ,GAAcC,GAAAA,GACnBJ,UACHA,EAAA,CAAA;AAEJ,CACF;"}

package/dist/components/Button/SearchButton.js

@@ -1,18 +1,19 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { IconButton } from "./IconButton.js";
-import { Icon } from "../Icon/Icon.js";
-const SearchButton = /* @__PURE__ */ forwardRef(({
-  icon = /* @__PURE__ */ jsx(Icon, { name: "search" }),
-  onClick,
-  className,
-  ...restProps
-}, ref) => {
-  const classes = clsx("btn-search", className);
-  return /* @__PURE__ */ jsx(IconButton, { ref, className: classes, icon, onClick, ...restProps });
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import n from "clsx";
+import { IconButton as f } from "./IconButton.js";
+import { Icon as p } from "../Icon/Icon.js";
+const d = /* @__PURE__ */ e(({
+  icon: r = /* @__PURE__ */ o(p, { name: "search" }),
+  onClick: t,
+  className: m,
+  ...s
+}, a) => {
+  const c = n("btn-search", m);
+  return /* @__PURE__ */ o(f, { ref: a, className: c, icon: r, onClick: t, ...s });
 });
 export {
-  SearchButton,
-  SearchButton as default
+  d as SearchButton,
+  d as default
 };
+//# sourceMappingURL=SearchButton.js.map

package/dist/components/Button/SearchButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchButton.js","sources":["../../../src/components/Button/SearchButton.tsx"],"sourcesContent":["/**\n * Button  Component\n *\n * @see Docs     https://edifice-ui.vercel.app/?path=/docs/components-core-button--base\n * @see Source   https://github.com/opendigitaleducation/edifice-ui/blob/main/packages/core/src/Button/Button.tsx\n * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\nimport { forwardRef, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '..';\nimport { ButtonRef } from './Button';\nimport IconButton, { IconButtonProps } from './IconButton';\n\ntype PickedProps = 'type' | 'icon' | 'size';\n\nexport interface SearchButtonProps extends Pick<IconButtonProps, PickedProps> {\n  /**\n   * OnClick Handler\n   */\n  onClick?: () => void;\n  /**\n   * Disabled state of Search Button\n   */\n  disabled?: boolean;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\n/**\n * SearchButton extends the IconButton component by omitting unnecessary props.\n */\nexport const SearchButton = forwardRef(\n  (\n    {\n      icon = <Icon name=\"search\" />,\n      onClick,\n      className,\n      ...restProps\n    }: SearchButtonProps,\n    ref?: Ref<ButtonRef>,\n  ) => {\n    const classes = clsx('btn-search', className);\n\n    return (\n      <IconButton\n        ref={ref}\n        className={classes}\n        icon={icon}\n        onClick={onClick}\n        {...restProps}\n      />\n    );\n  },\n);\n\nSearchButton.displayName = 'SearchButton';\n\nexport default SearchButton;\n"],"names":["SearchButton","icon","jsx","Icon","onClick","className","restProps","ref","classes","clsx","IconButton"],"mappings":";;;;;AAmCaA,MAAAA,sBACX,CACE;AAAA,EACEC,MAAAA,IAAO,gBAAAC,EAACC,GAAK,EAAA,MAAK,SAAW,CAAA;AAAA,EAC7BC,SAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACc,GACnBC,MACG;AACGC,QAAAA,IAAUC,EAAK,cAAcJ,CAAS;AAG1C,SAAA,gBAAAH,EAACQ,KACC,KAAAH,GACA,WAAWC,GACX,MAAAP,GACA,SAAAG,GACIE,GAAAA,EACJ,CAAA;AAEN,CACF;"}

package/dist/components/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IWebApp } from 'edifice-ts-client';
+import { IWebApp } from '@edifice.io/ts-client';
 export interface CardProps {
     /**
      * IWebApp

package/dist/components/Card/Card.js

@@ -1,52 +1,53 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import clsx from "clsx";
-import CardBody from "./CardBody.js";
-import { CardContext } from "./CardContext.js";
-import CardFooter from "./CardFooter.js";
-import CardHeader from "./CardHeader.js";
-import CardImage from "./CardImage.js";
-import CardText from "./CardText.js";
-import CardTitle from "./CardTitle.js";
-import CardUser from "./CardUser.js";
-import useOdeIcons from "../../core/useOdeIcons/useOdeIcons.js";
-const Root = /* @__PURE__ */ forwardRef(({
-  app,
-  isSelectable = !0,
-  isClickable = !0,
-  isSelected = !1,
-  onClick,
-  onSelect,
-  children,
-  className
-}, ref) => {
+import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as C, useMemo as x } from "react";
+import g from "clsx";
+import v from "./CardBody.js";
+import { CardContext as I } from "./CardContext.js";
+import T from "./CardFooter.js";
+import j from "./CardHeader.js";
+import l from "./CardImage.js";
+import y from "./CardText.js";
+import H from "./CardTitle.js";
+import B from "./CardUser.js";
+import F from "../../core/useOdeIcons/useOdeIcons.js";
+const O = /* @__PURE__ */ C(({
+  app: r,
+  isSelectable: m = !0,
+  isClickable: o = !0,
+  isSelected: f = !1,
+  onClick: d,
+  onSelect: a,
+  children: e,
+  className: i
+}, p) => {
   const {
-    getIconCode
-  } = useOdeIcons(), appCode = app ? getIconCode(app) : "placeholder", values = useMemo(() => ({
-    app,
-    appCode,
-    isSelectable,
-    isClickable,
-    onClick,
-    onSelect
-  }), [app, appCode, isSelectable, isClickable, onClick, onSelect]);
-  return /* @__PURE__ */ jsx(CardContext.Provider, { value: values, children: /* @__PURE__ */ jsxs("div", { ref, className: clsx("card", {
-    "is-selected": isSelected,
-    "c-pointer": isClickable
-  }, className), children: [
-    /* @__PURE__ */ jsx(Card.Header, {}),
-    typeof children == "function" ? children(appCode) : children
+    getIconCode: n
+  } = F(), t = r ? n(r) : "placeholder", c = x(() => ({
+    app: r,
+    appCode: t,
+    isSelectable: m,
+    isClickable: o,
+    onClick: d,
+    onSelect: a
+  }), [r, t, m, o, d, a]);
+  return /* @__PURE__ */ s(I.Provider, { value: c, children: /* @__PURE__ */ u("div", { ref: p, className: g("card", {
+    "is-selected": f,
+    "c-pointer": o
+  }, i), children: [
+    /* @__PURE__ */ s(R.Header, {}),
+    typeof e == "function" ? e(t) : e
   ] }) });
-}), Card = /* @__PURE__ */ Object.assign(Root, {
-  Title: CardTitle,
-  Text: CardText,
-  Image: CardImage,
-  Body: CardBody,
-  User: CardUser,
-  Footer: CardFooter,
-  Header: CardHeader
+}), R = /* @__PURE__ */ Object.assign(O, {
+  Title: H,
+  Text: y,
+  Image: l,
+  Body: v,
+  User: B,
+  Footer: T,
+  Header: j
 });
 export {
-  Card,
-  Card as default
+  R as Card,
+  R as default
 };
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

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

package/dist/components/Card/CardBody.js

@@ -1,18 +1,19 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-const CardBody = ({
-  children,
-  space = null,
-  flexDirection = "row"
+import { jsx as t } from "react/jsx-runtime";
+import d from "clsx";
+const s = ({
+  children: l,
+  space: o = null,
+  flexDirection: r = "row"
 }) => {
-  const cardbody = clsx("card-body", {
-    [`p-${space}`]: space,
-    [`gap-${space}`]: space,
-    "align-items-start": flexDirection === "column",
-    "flex-column": flexDirection === "column"
+  const m = d("card-body", {
+    [`p-${o}`]: o,
+    [`gap-${o}`]: o,
+    "align-items-start": r === "column",
+    "flex-column": r === "column"
   });
-  return /* @__PURE__ */ jsx("div", { className: cardbody, children });
+  return /* @__PURE__ */ t("div", { className: m, children: l });
 };
 export {
-  CardBody as default
+  s as default
 };
+//# sourceMappingURL=CardBody.js.map

package/dist/components/Card/CardBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBody.js","sources":["../../../src/components/Card/CardBody.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nconst CardBody = ({\n  children,\n  space = null,\n  flexDirection = 'row',\n}: {\n  space?: '0' | '8' | '16' | null;\n  flexDirection?: 'row' | 'column' | null;\n  children: ReactNode;\n}) => {\n  const cardbody = clsx('card-body', {\n    [`p-${space}`]: space,\n    [`gap-${space}`]: space,\n    'align-items-start': flexDirection === 'column',\n    'flex-column': flexDirection === 'column',\n  });\n  return <div className={cardbody}>{children}</div>;\n};\n\nCardBody.displayName = 'Card.Body';\n\nexport default CardBody;\n"],"names":["CardBody","children","space","flexDirection","cardbody","clsx","jsx"],"mappings":";;AAIA,MAAMA,IAAWA,CAAC;AAAA,EAChBC,UAAAA;AAAAA,EACAC,OAAAA,IAAQ;AAAA,EACRC,eAAAA,IAAgB;AAKlB,MAAM;AACEC,QAAAA,IAAWC,EAAK,aAAa;AAAA,IACjC,CAAC,KAAKH,CAAK,EAAE,GAAGA;AAAAA,IAChB,CAAC,OAAOA,CAAK,EAAE,GAAGA;AAAAA,IAClB,qBAAqBC,MAAkB;AAAA,IACvC,eAAeA,MAAkB;AAAA,EAAA,CAClC;AACD,SAAQ,gBAAAG,EAAA,OAAA,EAAI,WAAWF,GAAWH,UAAAA,EAAS,CAAA;AAC7C;"}

package/dist/components/Card/CardContext.d.ts

@@ -1,4 +1,4 @@
-import { IWebApp } from 'edifice-ts-client';
+import { IWebApp } from '@edifice.io/ts-client';
 import { CardProps } from './Card';
 export interface CardContextProps extends Omit<CardProps, 'children' | 'className'> {
     app?: IWebApp | undefined;

package/dist/components/Card/CardContext.js

@@ -1,11 +1,12 @@
-import { createContext, useContext } from "react";
-const CardContext = /* @__PURE__ */ createContext(null), useCardContext = () => {
-  const context = useContext(CardContext);
-  if (!context)
+import { createContext as e, useContext as o } from "react";
+const n = /* @__PURE__ */ e(null), C = () => {
+  const t = o(n);
+  if (!t)
     throw new Error("Cannot be rendered outside the Card component");
-  return context;
+  return t;
 };
 export {
-  CardContext,
-  useCardContext
+  n as CardContext,
+  C as useCardContext
 };
+//# sourceMappingURL=CardContext.js.map

package/dist/components/Card/CardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContext.js","sources":["../../../src/components/Card/CardContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { IWebApp } from '@edifice.io/ts-client';\n\nimport { CardProps } from './Card';\n\nexport interface CardContextProps\n  extends Omit<CardProps, 'children' | 'className'> {\n  app?: IWebApp | undefined;\n  appCode: string | undefined;\n  isSelectable?: boolean;\n  isClickable?: boolean;\n  onClick?: () => void;\n  onSelect?: () => void;\n}\n\nexport const CardContext = createContext<CardContextProps | null>(null!);\n\nCardContext.displayName = 'CardContext';\n\nexport const useCardContext = () => {\n  const context = useContext(CardContext);\n  if (!context) {\n    throw new Error(`Cannot be rendered outside the Card component`);\n  }\n  return context;\n};\n"],"names":["CardContext","useCardContext","context","useContext","Error"],"mappings":";AAgBaA,MAAAA,sBAAqD,IAAK,GAI1DC,IAAiBA,MAAM;AAC5BC,QAAAA,IAAUC,EAAWH,CAAW;AACtC,MAAI,CAACE;AACG,UAAA,IAAIE,MAAM,+CAA+C;AAE1DF,SAAAA;AACT;"}

package/dist/components/Card/CardFooter.js

@@ -1,7 +1,8 @@
-import { jsx } from "react/jsx-runtime";
-const CardFooter = ({
-  children
-}) => /* @__PURE__ */ jsx("div", { className: "card-footer gap-16", children });
+import { jsx as o } from "react/jsx-runtime";
+const t = ({
+  children: r
+}) => /* @__PURE__ */ o("div", { className: "card-footer gap-16", children: r });
 export {
-  CardFooter as default
+  t as default
 };
+//# sourceMappingURL=CardFooter.js.map

package/dist/components/Card/CardFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFooter.js","sources":["../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nconst CardFooter = ({ children }: { children: ReactNode }) => {\n  return <div className=\"card-footer gap-16\">{children}</div>;\n};\n\nCardFooter.displayName = 'Card.Footer';\n\nexport default CardFooter;\n"],"names":["CardFooter","children","jsx"],"mappings":";AAEA,MAAMA,IAAaA,CAAC;AAAA,EAAEC,UAAAA;AAAkC,MAC9C,gBAAAC,EAAA,OAAA,EAAI,WAAU,sBAAsBD,UAAAA,EAAS,CAAA;"}

package/dist/components/Card/CardHeader.js

@@ -1,19 +1,20 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useCardContext } from "./CardContext.js";
-import { IconButton } from "../Button/IconButton.js";
-import { Icon } from "../Icon/Icon.js";
-const CardHeader = () => {
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { useCardContext as i } from "./CardContext.js";
+import { IconButton as s } from "../Button/IconButton.js";
+import { Icon as l } from "../Icon/Icon.js";
+const b = () => {
   const {
-    isSelectable,
-    isClickable,
-    onClick,
-    onSelect
-  } = useCardContext();
-  return isSelectable || isClickable ? /* @__PURE__ */ jsxs("div", { className: "card-header", children: [
-    isSelectable ? /* @__PURE__ */ jsx(IconButton, { "aria-label": "Open Action Bar", className: "z-3 bg-white", color: "secondary", icon: /* @__PURE__ */ jsx(Icon, { name: "options" }), onClick: onSelect, variant: "ghost" }) : null,
-    isClickable ? /* @__PURE__ */ jsx("button", { onClick, className: "position-absolute bottom-0 end-0 top-0 start-0 opacity-0 z-1 w-100", "aria-label": "Open resource" }) : null
+    isSelectable: t,
+    isClickable: e,
+    onClick: a,
+    onSelect: n
+  } = i();
+  return t || e ? /* @__PURE__ */ r("div", { className: "card-header", children: [
+    t ? /* @__PURE__ */ o(s, { "aria-label": "Open Action Bar", className: "z-3 bg-white", color: "secondary", icon: /* @__PURE__ */ o(l, { name: "options" }), onClick: n, variant: "ghost" }) : null,
+    e ? /* @__PURE__ */ o("button", { onClick: a, className: "position-absolute bottom-0 end-0 top-0 start-0 opacity-0 z-1 w-100", "aria-label": "Open resource" }) : null
   ] }) : null;
 };
 export {
-  CardHeader as default
+  b as default
 };
+//# sourceMappingURL=CardHeader.js.map

package/dist/components/Card/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sources":["../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["import { Icon } from '..';\nimport { IconButton } from '../Button';\nimport { useCardContext } from './CardContext';\n\nconst CardHeader = () => {\n  const { isSelectable, isClickable, onClick, onSelect } = useCardContext();\n  const isActive = isSelectable || isClickable;\n  return isActive ? (\n    <div className=\"card-header\">\n      {isSelectable ? (\n        <IconButton\n          aria-label=\"Open Action Bar\"\n          className=\"z-3 bg-white\"\n          color=\"secondary\"\n          icon={<Icon name=\"options\" />}\n          onClick={onSelect}\n          variant=\"ghost\"\n        />\n      ) : null}\n      {isClickable ? (\n        <button\n          onClick={onClick}\n          className=\"position-absolute bottom-0 end-0 top-0 start-0 opacity-0 z-1 w-100\"\n          aria-label=\"Open resource\"\n        />\n      ) : null}\n    </div>\n  ) : null;\n};\n\nCardHeader.displayName = 'Card.Header';\n\nexport default CardHeader;\n"],"names":["CardHeader","isSelectable","isClickable","onClick","onSelect","useCardContext","jsxs","IconButton","jsx","Icon"],"mappings":";;;;AAIA,MAAMA,IAAaA,MAAM;AACjB,QAAA;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,aAAAA;AAAAA,IAAaC,SAAAA;AAAAA,IAASC,UAAAA;AAAAA,MAAaC,EAAe;AAExE,SADiBJ,KAAgBC,IAE/B,gBAAAI,EAAC,OAAI,EAAA,WAAU,eACZL,UAAAA;AAAAA,IAAAA,sBACEM,GACC,EAAA,cAAW,mBACX,WAAU,gBACV,OAAM,aACN,MAAO,gBAAAC,EAAAC,GAAA,EAAK,MAAK,WAAS,GAC1B,SAASL,GACT,SAAQ,QAAO,CAAA,IAEf;AAAA,IACHF,sBACE,UACC,EAAA,SAAAC,GACA,WAAU,sEACV,cAAW,gBACX,CAAA,IACA;AAAA,EAAA,EACN,CAAA,IACE;AACN;"}