@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.14

package/dist/components/Avatar/Avatar.js

@@ -1,35 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import v from "clsx";
-import f from "../../core/usePaths/usePaths.js";
-import { Image as p } from "../Image/Image.js";
-const w = /* @__PURE__ */ u(({
-  variant: r = "square",
-  size: a = "md",
-  alt: o,
-  src: e,
-  imgPlaceholder: c,
-  className: d,
-  ...m
-}, i) => {
-  const [l] = f(), s = c || `${l}/avatar/no-avatar.svg`, n = v("avatar", {
-    ...{
-      "avatar-xs": a === "xs",
-      "avatar-sm": a === "sm",
-      "avatar-md": a === "md",
-      "avatar-lg": a === "lg",
-      "avatar-xl": a === "xl"
-    },
-    ...{
-      square: r === "square",
-      rounded: r === "rounded",
-      "rounded-circle": r === "circle"
-    }
-  }, d);
-  return /* @__PURE__ */ t("div", { ref: i, className: n, children: /* @__PURE__ */ t(p, { src: e || s, alt: o, imgPlaceholder: s, ...m }) });
-});
-export {
-  w as Avatar,
-  w as default
-};
-//# sourceMappingURL=Avatar.js.map

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

@@ -1 +0,0 @@
-{"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,33 +0,0 @@
-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: l,
-  rounded: d,
-  children: o,
-  ...s
-}, i) => {
-  function c() {
-    if (!d) {
-      if (l === "always" && !o)
-        return "rounded-circle";
-      if (e.type === "notification")
-        return "rounded-pill";
-      if (e.type === "link")
-        return "rounded-2";
-    }
-  }
-  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 {
-  b as Badge,
-  b as default
-};
-//# sourceMappingURL=Badge.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,29 +0,0 @@
-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: 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 {
-  I as Breadcrumb
-};
-//# sourceMappingURL=Breadcrumb.js.map

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

@@ -1 +0,0 @@
-{"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,15 +0,0 @@
-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 {
-  d as default
-};
-//# sourceMappingURL=BreadcrumbItem.js.map

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

@@ -1 +0,0 @@
-{"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,14 +0,0 @@
-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 {
-  i as default
-};
-//# sourceMappingURL=BreadcrumbList.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,23 +0,0 @@
-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
-  } = d(), {
-    getIconClass: a
-  } = f(), m = l("d-flex align-items-center mb-0", a(e), s), c = {
-    "--edifice-breadcrumb-divider": "-"
-  };
-  return /* @__PURE__ */ i("nav", { ref: o, className: m, "aria-label": t("breadcrumb"), style: c, children: r });
-});
-export {
-  g as default
-};
-//# sourceMappingURL=BreadcrumbNav.js.map

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

@@ -1 +0,0 @@
-{"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,37 +0,0 @@
-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 {
-  B as Button,
-  B as default
-};
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"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,20 +0,0 @@
-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__ */ s(e, { ref: n, ...m, children: o });
-});
-export {
-  l as IconButton,
-  l as default
-};
-//# sourceMappingURL=IconButton.js.map

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

@@ -1 +0,0 @@
-{"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,19 +0,0 @@
-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 {
-  d as SearchButton,
-  d as default
-};
-//# sourceMappingURL=SearchButton.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,53 +0,0 @@
-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: 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
-  ] }) });
-}), R = /* @__PURE__ */ Object.assign(O, {
-  Title: H,
-  Text: y,
-  Image: l,
-  Body: v,
-  User: B,
-  Footer: T,
-  Header: j
-});
-export {
-  R as Card,
-  R as default
-};
-//# sourceMappingURL=Card.js.map

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

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

package/dist/components/Card/CardBody.js

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

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,12 +0,0 @@
-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 t;
-};
-export {
-  n as CardContext,
-  C as useCardContext
-};
-//# sourceMappingURL=CardContext.js.map

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

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

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

@@ -1 +0,0 @@
-{"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,20 +0,0 @@
-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: 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 {
-  b as default
-};
-//# sourceMappingURL=CardHeader.js.map

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

@@ -1 +0,0 @@
-{"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;"}

package/dist/components/Card/CardImage.js

@@ -1,22 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import e from "clsx";
-import { useCardContext as s } from "./CardContext.js";
-import { Image as c } from "../Image/Image.js";
-import { AppIcon as l } from "../AppIcon/AppIcon.js";
-const h = ({
-  imageSrc: t,
-  className: a,
-  variant: r = "medium"
-}) => {
-  const {
-    app: m
-  } = s(), i = r === "landscape" ? {
-    width: "100%",
-    height: "auto"
-  } : null;
-  return /* @__PURE__ */ o("div", { className: e("card-image", r), children: t ? /* @__PURE__ */ o(c, { alt: "", src: t, objectFit: "cover", className: e("h-full w-100", a) }) : /* @__PURE__ */ o(l, { app: m, iconFit: "ratio", size: "80", variant: "rounded", ...i }) });
-};
-export {
-  h as default
-};
-//# sourceMappingURL=CardImage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardImage.js","sources":["../../../src/components/Card/CardImage.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport { useCardContext } from './CardContext';\nimport { AppIcon } from '../AppIcon';\nimport { Image } from '../Image';\n\nconst CardImage = ({\n  imageSrc,\n  className,\n  variant = 'medium',\n}: {\n  imageSrc?: string | undefined;\n  className?: string;\n  variant?: 'small' | 'medium' | 'landscape';\n}) => {\n  const { app } = useCardContext();\n\n  const style =\n    variant === 'landscape'\n      ? {\n          width: '100%',\n          height: 'auto',\n        }\n      : null;\n\n  return (\n    <div className={clsx('card-image', variant)}>\n      {imageSrc ? (\n        <Image\n          alt=\"\"\n          src={imageSrc}\n          objectFit=\"cover\"\n          className={clsx('h-full w-100', className)}\n        />\n      ) : (\n        <AppIcon\n          app={app}\n          iconFit=\"ratio\"\n          size=\"80\"\n          variant=\"rounded\"\n          {...style}\n        />\n      )}\n    </div>\n  );\n};\n\nCardImage.displayName = 'Card.Image';\n\nexport default CardImage;\n"],"names":["CardImage","imageSrc","className","variant","app","useCardContext","style","width","height","jsx","clsx","Image","AppIcon"],"mappings":";;;;;AAMA,MAAMA,IAAYA,CAAC;AAAA,EACjBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAKZ,MAAM;AACE,QAAA;AAAA,IAAEC,KAAAA;AAAAA,MAAQC,EAAe,GAEzBC,IACJH,MAAY,cACR;AAAA,IACEI,OAAO;AAAA,IACPC,QAAQ;AAAA,EAEV,IAAA;AAEN,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAK,cAAcP,CAAO,GACvCF,UACCA,IAAA,gBAAAQ,EAACE,GACC,EAAA,KAAI,IACJ,KAAKV,GACL,WAAU,SACV,WAAWS,EAAK,gBAAgBR,CAAS,EAAE,CAAA,sBAG5CU,GACC,EAAA,KAAAR,GACA,SAAQ,SACR,MAAK,MACL,SAAQ,WACR,GAAIE,GAEP,EACH,CAAA;AAEJ;"}

package/dist/components/Card/CardText.js

@@ -1,13 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import x from "clsx";
-const o = ({
-  children: t,
-  className: e
-}) => {
-  const r = x("card-text small text-break text-truncate text-truncate-1", e);
-  return /* @__PURE__ */ a("p", { className: r, children: t });
-};
-export {
-  o as default
-};
-//# sourceMappingURL=CardText.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardText.js","sources":["../../../src/components/Card/CardText.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nconst CardText = ({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) => {\n  const text = clsx(\n    'card-text small text-break text-truncate text-truncate-1',\n    className,\n  );\n  return <p className={text}>{children}</p>;\n};\n\nCardText.displayName = 'Card.Text';\n\nexport default CardText;\n"],"names":["CardText","children","className","text","clsx","jsx"],"mappings":";;AAIA,MAAMA,IAAWA,CAAC;AAAA,EAChBC,UAAAA;AAAAA,EACAC,WAAAA;AAIF,MAAM;AACEC,QAAAA,IAAOC,EACX,4DACAF,CACF;AACA,SAAQ,gBAAAG,EAAA,KAAA,EAAE,WAAWF,GAAOF,UAAAA,EAAS,CAAA;AACvC;"}

package/dist/components/Card/CardTitle.js

@@ -1,13 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import o from "clsx";
-const l = ({
-  children: e,
-  className: r
-}) => {
-  const a = o("card-title body text-break text-truncate text-truncate-2", r);
-  return /* @__PURE__ */ t("h3", { className: a, children: /* @__PURE__ */ t("strong", { children: e }) });
-};
-export {
-  l as default
-};
-//# sourceMappingURL=CardTitle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardTitle.js","sources":["../../../src/components/Card/CardTitle.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nconst CardTitle = ({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) => {\n  const title = clsx(\n    'card-title body text-break text-truncate text-truncate-2',\n    className,\n  );\n  return (\n    <h3 className={title}>\n      <strong>{children}</strong>\n    </h3>\n  );\n};\n\nCardTitle.displayName = 'Card.Title';\n\nexport default CardTitle;\n"],"names":["CardTitle","children","className","title","clsx","jsx"],"mappings":";;AAIA,MAAMA,IAAYA,CAAC;AAAA,EACjBC,UAAAA;AAAAA,EACAC,WAAAA;AAIF,MAAM;AACEC,QAAAA,IAAQC,EACZ,4DACAF,CACF;AACA,2BACG,MAAG,EAAA,WAAWC,GACb,UAAC,gBAAAE,EAAA,UAAA,EAAQJ,UAAAA,EAAS,CAAA,EACpB,CAAA;AAEJ;"}

package/dist/components/Card/CardUser.js

@@ -1,11 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Avatar as a } from "../Avatar/Avatar.js";
-import { Icon as e } from "../Icon/Icon.js";
-const s = ({
-  userSrc: r,
-  creatorName: o
-}) => r ? /* @__PURE__ */ t(a, { alt: o || "", size: "xs", src: r, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ t(e, { name: "nav/one-profile" });
-export {
-  s as default
-};
-//# sourceMappingURL=CardUser.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CardUser.js","sources":["../../../src/components/Card/CardUser.tsx"],"sourcesContent":["import { Icon } from '..';\nimport { Avatar } from '../Avatar';\n\nconst CardUser = ({\n  userSrc,\n  creatorName,\n}: {\n  userSrc: string;\n  creatorName: string;\n}) => {\n  return userSrc ? (\n    <Avatar\n      alt={creatorName || ''}\n      size=\"xs\"\n      src={userSrc}\n      variant=\"circle\"\n      width=\"24\"\n      height=\"24\"\n    />\n  ) : (\n    <Icon name=\"nav/one-profile\" />\n  );\n};\n\nCardUser.displayName = 'Card.User';\n\nexport default CardUser;\n"],"names":["CardUser","userSrc","creatorName","Avatar","jsx","Icon"],"mappings":";;;AAGA,MAAMA,IAAWA,CAAC;AAAA,EAChBC,SAAAA;AAAAA,EACAC,aAAAA;AAIF,MACSD,sBACJE,GACC,EAAA,KAAKD,KAAe,IACpB,MAAK,MACL,KAAKD,GACL,SAAQ,UACR,OAAM,MACN,QAAO,KAAI,CAAA,IAGZ,gBAAAG,EAAAC,GAAA,EAAK,MAAK,kBACZ,CAAA;"}

package/dist/components/Checkbox/Checkbox.js

@@ -1,37 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as p, useRef as u, useImperativeHandle as d, useEffect as h, useId as x } from "react";
-import k from "clsx";
-const j = /* @__PURE__ */ p(({
-  label: c,
-  disabled: a = !1,
-  checked: l = !1,
-  indeterminate: r = !1,
-  ...s
-}, f) => {
-  const e = u(null);
-  d(f, () => ({
-    ...e.current
-  })), h(() => {
-    e.current.indeterminate = r;
-  }, [e, r]);
-  const n = x(), m = {
-    type: "checkbox",
-    checked: l,
-    disabled: a,
-    ref: e,
-    className: k(s.className, "form-check-input c-pointer"),
-    id: n
-  }, o = {
-    ...s,
-    ...m
-  };
-  return /* @__PURE__ */ i("div", { className: "form-check d-flex align-items-center gap-8", children: [
-    /* @__PURE__ */ t("input", { ...o }),
-    c && /* @__PURE__ */ t("label", { className: "form-check-label", htmlFor: o.id, children: c })
-  ] });
-});
-export {
-  j as Checkbox,
-  j as default
-};
-//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Ref,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport clsx from 'clsx';\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  /**\n   * Add a label\n   */\n  label?: string;\n  /**\n   * If disable\n   */\n  disabled?: boolean;\n  /**\n   * If checked\n   */\n  checked?: boolean;\n  /**\n   * If indeterminate\n   */\n  indeterminate?: boolean;\n}\n\nexport const Checkbox = forwardRef(\n  (\n    {\n      label,\n      disabled = false,\n      checked = false,\n      indeterminate = false,\n      ...restProps\n    }: CheckboxProps,\n    ref: Ref<HTMLInputElement>,\n  ) => {\n    // Local ref will be merged with forwardRef in useImperativeHandle below\n    const refCheckbox = useRef<HTMLInputElement>(null);\n\n    // We add two methods to control the alert from parent component\n    useImperativeHandle(ref, () => ({\n      ...(refCheckbox.current as HTMLInputElement),\n    }));\n\n    useEffect(() => {\n      refCheckbox.current!.indeterminate = indeterminate;\n    }, [refCheckbox, indeterminate]);\n\n    const id = useId();\n\n    const checkboxProps = {\n      type: 'checkbox',\n      checked,\n      disabled,\n      ref: refCheckbox,\n      className: clsx(restProps.className, 'form-check-input c-pointer'),\n      id,\n    };\n\n    const inputProps = {\n      ...restProps,\n      ...checkboxProps,\n    };\n\n    return (\n      <div className=\"form-check d-flex align-items-center gap-8\">\n        <input {...inputProps} />\n        {label && (\n          <label className=\"form-check-label\" htmlFor={inputProps.id}>\n            {label}\n          </label>\n        )}\n      </div>\n    );\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","label","disabled","checked","indeterminate","restProps","ref","refCheckbox","useRef","useImperativeHandle","current","useEffect","id","useId","checkboxProps","type","className","clsx","inputProps","jsxs","jsx"],"mappings":";;;AA+BaA,MAAAA,sBACX,CACE;AAAA,EACEC,OAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,eAAAA,IAAgB;AAAA,EAChB,GAAGC;AACU,GACfC,MACG;AAEGC,QAAAA,IAAcC,EAAyB,IAAI;AAGjDC,EAAAA,EAAoBH,GAAK,OAAO;AAAA,IAC9B,GAAIC,EAAYG;AAAAA,EAChB,EAAA,GAEFC,EAAU,MAAM;AACdJ,IAAAA,EAAYG,QAASN,gBAAgBA;AAAAA,EAAAA,GACpC,CAACG,GAAaH,CAAa,CAAC;AAE/B,QAAMQ,IAAKC,KAELC,IAAgB;AAAA,IACpBC,MAAM;AAAA,IACNZ,SAAAA;AAAAA,IACAD,UAAAA;AAAAA,IACAI,KAAKC;AAAAA,IACLS,WAAWC,EAAKZ,EAAUW,WAAW,4BAA4B;AAAA,IACjEJ,IAAAA;AAAAA,EAAAA,GAGIM,IAAa;AAAA,IACjB,GAAGb;AAAAA,IACH,GAAGS;AAAAA,EAAAA;AAIH,SAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAC,gBAAAC,EAAA,SAAA,EAAM,GAAIF,GAAW;AAAA,IACrBjB,uBACE,SAAM,EAAA,WAAU,oBAAmB,SAASiB,EAAWN,IACrDX,UACHA,EAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CACF;"}