@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport usePaths from '../../core/usePaths/usePaths';\nimport { Image } from '../Image';\n\nexport type AvatarVariants = 'square' | 'rounded' | 'circle';\nexport type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface AvatarProps extends React.ComponentPropsWithRef<'img'> {\n  /**\n   * Shape of Avatar\n   * `title`, `square`, `circle`\n   */\n  variant?: AvatarVariants;\n  /**\n   * Avatar' size\n   */\n  size?: AvatarSizes;\n  /**\n   * Show image when `src` props is provided\n   */\n  src?: string;\n  /**\n   * Custom fallback image\n   */\n  imgPlaceholder?: string;\n  /**\n   * Alternative text when using image\n   */\n  alt: string;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const Avatar = forwardRef(\n  (\n    {\n      variant = 'square',\n      size = 'md',\n      alt,\n      src,\n      imgPlaceholder,\n      className,\n      ...restProps\n    }: AvatarProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const [imagePath] = usePaths();\n    const placeholder = imgPlaceholder || `${imagePath}/avatar/no-avatar.svg`;\n\n    const isSquare = variant === 'square';\n    const isRounded = variant === 'rounded';\n    const isCircle = variant === 'circle';\n\n    const avatarSizes = {\n      'avatar-xs': size === 'xs',\n      'avatar-sm': size === 'sm',\n      'avatar-md': size === 'md',\n      'avatar-lg': size === 'lg',\n      'avatar-xl': size === 'xl',\n    };\n\n    const avatarVariants = {\n      square: isSquare,\n      rounded: isRounded,\n      'rounded-circle': isCircle,\n    };\n\n    const classes = clsx(\n      'avatar',\n      {\n        ...avatarSizes,\n        ...avatarVariants,\n      },\n      className,\n    );\n\n    return (\n      <div ref={ref} className={classes}>\n        <Image\n          src={src || placeholder}\n          alt={alt}\n          imgPlaceholder={placeholder}\n          {...restProps}\n        />\n      </div>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"names":["Avatar","variant","size","alt","src","imgPlaceholder","className","restProps","ref","imagePath","usePaths","placeholder","classes","clsx","square","rounded","isCircle","jsx","Image"],"mappings":";;;;;AAsCaA,MAAAA,sBACX,CACE;AAAA,EACEC,SAAAA,IAAU;AAAA,EACVC,MAAAA,IAAO;AAAA,EACPC,KAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACQ,GACbC,MACG;AACG,QAAA,CAACC,CAAS,IAAIC,KACdC,IAAcN,KAAkB,GAAGI,CAAS,yBAoB5CG,IAAUC,EACd,UACA;AAAA,IACE,GAjBgB;AAAA,MAClB,aAAaX,MAAS;AAAA,MACtB,aAAaA,MAAS;AAAA,MACtB,aAAaA,MAAS;AAAA,MACtB,aAAaA,MAAS;AAAA,MACtB,aAAaA,MAAS;AAAA,IAAA;AAAA,IAapB,GAVmB;AAAA,MACrBY,QAbeb,MAAY;AAAA,MAc3Bc,SAbgBd,MAAY;AAAA,MAc5B,kBAbeA,MAAY;AAAA,IAaTe;AAAAA,KASlBV,CACF;AAEA,SACG,gBAAAW,EAAA,OAAA,EAAI,KAAAT,GAAU,WAAWI,GACxB,UAAC,gBAAAK,EAAAC,GAAA,EACC,KAAKd,KAAOO,GACZ,KAAAR,GACA,gBAAgBQ,GACZJ,GAAAA,GAAU,EAElB,CAAA;AAEJ,CACF;"}

package/dist/components/Badge/Badge.js

@@ -1,32 +1,33 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-const Badge = /* @__PURE__ */ forwardRef(({
-  className,
-  variant = {
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import p from "clsx";
+const b = /* @__PURE__ */ n(({
+  className: t,
+  variant: e = {
     type: "notification",
     level: "danger",
     color: "background"
   },
-  visibility,
-  rounded,
-  children,
-  ...restProps
-}, ref) => {
-  function getRadiusClass() {
-    if (!rounded) {
-      if (visibility === "always" && !children)
+  visibility: l,
+  rounded: d,
+  children: o,
+  ...s
+}, i) => {
+  function c() {
+    if (!d) {
+      if (l === "always" && !o)
         return "rounded-circle";
-      if (variant.type === "notification")
+      if (e.type === "notification")
         return "rounded-pill";
-      if (variant.type === "link")
+      if (e.type === "link")
         return "rounded-2";
     }
   }
-  const classes = clsx("badge", getRadiusClass(), visibility === "always" && "position-absolute translate-middle p-8 d-inline", variant.type === "notification" && (!variant.color || variant.color === "background") && `bg-${variant.level} text-light`, variant.type === "notification" && variant.color === "text" && `text-${variant.level} bg-gray-200 border border-gray-400`, variant.type === "profile" && `badge-profile-${variant.profile}`, variant.type === "link" && "border border-secondary", className);
-  return /* @__PURE__ */ jsx("span", { ref, className: classes, ...restProps, children: variant.type === "link" ? /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }) : children });
+  const f = p("badge", c(), l === "always" && "position-absolute translate-middle p-8 d-inline", e.type === "notification" && (!e.color || e.color === "background") && `bg-${e.level} text-light`, e.type === "notification" && e.color === "text" && `text-${e.level} bg-gray-200 border border-gray-400`, e.type === "profile" && `badge-profile-${e.profile}`, e.type === "link" && "border border-secondary", t);
+  return /* @__PURE__ */ r("span", { ref: i, className: f, ...s, children: e.type === "link" ? /* @__PURE__ */ r("div", { className: "d-flex fw-800 align-items-center", children: o }) : o });
 });
 export {
-  Badge,
-  Badge as default
+  b as Badge,
+  b as default
 };
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nexport type BadgeRef = HTMLSpanElement;\n\n/** Badge variant : notification */\nexport type NotificationBadgeVariant = {\n  type: 'notification';\n  level: 'warning' | 'danger' | 'info';\n  color?: 'background' | 'text';\n};\n/** Badge variant : profile = teacher, student, relative or personnel */\nexport type ProfileBadgeVariant = {\n  type: 'profile';\n  profile: 'teacher' | 'student' | 'relative' | 'personnel';\n};\n/** Badge variant : link */\nexport type LinkBadgeVariant = {\n  type: 'link';\n};\n\nexport type BadgeVariants =\n  | NotificationBadgeVariant\n  | ProfileBadgeVariant\n  | LinkBadgeVariant;\n\nexport interface BadgeProps extends React.ComponentPropsWithRef<'span'> {\n  /**\n   * Badge variant : notification, link or profile (Teacher|Student|Relative|Personnel)\n   * Defaults to notification.\n   */\n  variant?: BadgeVariants;\n  /**\n   * Is badge always visible ?\n   * A badge with no children is hidden by default.\n   */\n  visibility?: 'always';\n  /**\n   * If set, forces the radius of the rounded border.\n   */\n  rounded?: 'pill' | 'circle';\n  /**\n   * Text or icon (or whatever) to render as children elements.\n   */\n  children?: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\n/**\n * Primary UI component for user interaction\n */\nexport const Badge = forwardRef(\n  (\n    {\n      className,\n      variant = { type: 'notification', level: 'danger', color: 'background' },\n      visibility,\n      rounded,\n      children,\n      ...restProps\n    }: BadgeProps,\n    ref: Ref<BadgeRef>,\n  ) => {\n    function getRadiusClass() {\n      // If radius is not forced, set it to a default value when needed.\n      if (!rounded) {\n        if ('always' === visibility && !children) {\n          return 'rounded-circle';\n        }\n\n        if ('notification' === variant.type) {\n          return 'rounded-pill';\n        } else if ('link' === variant.type) {\n          return 'rounded-2';\n        }\n      }\n    }\n\n    const classes = clsx(\n      'badge',\n\n      getRadiusClass(),\n\n      'always' === visibility &&\n        `position-absolute translate-middle p-8 d-inline`,\n\n      'notification' === variant.type &&\n        (!variant.color || variant.color === 'background') &&\n        `bg-${variant.level} text-light`,\n\n      'notification' === variant.type &&\n        variant.color === 'text' &&\n        `text-${variant.level} bg-gray-200 border border-gray-400`,\n\n      'profile' === variant.type && `badge-profile-${variant.profile}`,\n\n      'link' === variant.type && `border border-secondary`,\n\n      className,\n    );\n\n    return (\n      <span ref={ref} className={classes} {...restProps}>\n        {variant.type === 'link' ? (\n          <div className=\"d-flex fw-800 align-items-center\">{children}</div>\n        ) : (\n          children\n        )}\n      </span>\n    );\n  },\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["Badge","className","variant","type","level","color","visibility","rounded","children","restProps","ref","getRadiusClass","classes","clsx","profile"],"mappings":";;;AAuDaA,MAAAA,sBACX,CACE;AAAA,EACEC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,IAAEC,MAAM;AAAA,IAAgBC,OAAO;AAAA,IAAUC,OAAO;AAAA,EAAa;AAAA,EACvEC,YAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACO,GACZC,MACG;AACH,WAASC,IAAiB;AAExB,QAAI,CAACJ,GAAS;AACR,UAAaD,MAAb,YAA2B,CAACE;AACvB,eAAA;AAGL,UAAmBN,EAAQC,SAA3B;AACK,eAAA;AACT,UAAsBD,EAAQC,SAAnB;AACF,eAAA;AAAA,IAEX;AAAA,EACF;AAEA,QAAMS,IAAUC,EACd,SAEAF,EAEA,GAAaL,MAAb,YACE,mDAEiBJ,EAAQC,SAA3B,mBACG,CAACD,EAAQG,SAASH,EAAQG,UAAU,iBACrC,MAAMH,EAAQE,KAAK,eAEFF,EAAQC,SAA3B,kBACED,EAAQG,UAAU,UAClB,QAAQH,EAAQE,KAAK,uCAETF,EAAQC,SAAtB,aAA8B,iBAAiBD,EAAQY,OAAO,IAEnDZ,EAAQC,SAAnB,UAA2B,2BAE3BF,CACF;AAEA,2BACG,QAAK,EAAA,KAAAS,GAAU,WAAWE,GAAS,GAAIH,GACrCP,UAAAA,EAAQC,SAAS,2BACf,OAAI,EAAA,WAAU,oCAAoCK,UAAAA,EAAS,CAAA,IAE5DA,EAEJ,CAAA;AAEJ,CACF;"}

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

@@ -1,4 +1,4 @@
-import { IWebApp } from 'edifice-ts-client';
+import { IWebApp } from '@edifice.io/ts-client';
 export interface BreadcrumbProps {
     /**
      * Pass all data about current application

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;