@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop.20261013171251

package/dist/components/Badge/Badge.js

@@ -1 +1,33 @@
-import useEdificeIcons from"../../hooks/useEdificeIcons/useEdificeIcons.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var Badge=forwardRef(({className,variant={type:`notification`,level:`info`},children,...restProps},ref)=>{let{getIconClass,getBackgroundLightIconClass,getBorderIconClass}=useEdificeIcons(),appVersionBadgeColorClassName=``;return variant.type===`appVersion`&&variant.app&&(appVersionBadgeColorClassName=`${getIconClass(variant.app)} ${getBackgroundLightIconClass(variant.app)} ${getBorderIconClass(variant.app)}`),jsxs(`span`,{ref,className:clsx$1(`badge rounded-pill`,(variant.type===`content`||variant.type===`user`)&&`background`in variant?`bg-gray-200`:(variant.type===`content`||variant.type===`user`)&&!(`background`in variant)?`border border-0`:``,variant.type===`content`&&`text-${variant.level}`,variant.type===`notification`&&`badge-notification bg-${variant.level} text-light border border-0`,variant.type===`status`&&`badge-status badge-status-${variant.level} caption fw-normal`,variant.type===`user`&&`badge-profile-${variant.profile.toLowerCase()}`,variant.type===`link`&&`badge-link border border-0`,variant.type===`chip`&&`bg-gray-200`,variant.type===`appVersion`&&appVersionBadgeColorClassName,className),...restProps,children:[variant.type===`chip`&&jsx(`div`,{className:`d-flex fw-800 align-items-center`,children}),variant.type===`appVersion`&&(children??`BÊTA`),variant.type!==`chip`&&variant.type!==`appVersion`&&children]})});export{Badge as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
+const Badge = /* @__PURE__ */ forwardRef(({
+  className,
+  variant = {
+    type: "notification",
+    level: "info"
+  },
+  children,
+  ...restProps
+}, ref) => {
+  const {
+    getIconClass,
+    getBackgroundLightIconClass,
+    getBorderIconClass
+  } = useEdificeIcons();
+  let appVersionBadgeColorClassName = "";
+  if (variant.type === "appVersion" && variant.app) {
+    const colorAppClassName = getIconClass(variant.app), backgroundLightAppClassName = getBackgroundLightIconClass(variant.app), borderAppClassName = getBorderIconClass(variant.app);
+    appVersionBadgeColorClassName = `${colorAppClassName} ${backgroundLightAppClassName} ${borderAppClassName}`;
+  }
+  const classes = clsx("badge rounded-pill", (variant.type === "content" || variant.type === "user") && "background" in variant ? "bg-gray-200" : (variant.type === "content" || variant.type === "user") && !("background" in variant) ? "border border-0" : "", variant.type === "content" && `text-${variant.level}`, variant.type === "notification" && `badge-notification bg-${variant.level} text-light border border-0`, variant.type === "status" && `badge-status badge-status-${variant.level} caption fw-normal`, variant.type === "user" && `badge-profile-${variant.profile.toLowerCase()}`, variant.type === "link" && "badge-link border border-0", variant.type === "chip" && "bg-gray-200", variant.type === "appVersion" && appVersionBadgeColorClassName, className);
+  return /* @__PURE__ */ jsxs("span", { ref, className: classes, ...restProps, children: [
+    variant.type === "chip" && /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }),
+    variant.type === "appVersion" && (children ?? "BÊTA"),
+    variant.type !== "chip" && variant.type !== "appVersion" && children
+  ] });
+});
+export {
+  Badge as default
+};

package/dist/components/BetaSwitch/BetaSwitch.js

@@ -1 +1,27 @@
-import SvgIconArrowRight from"../../modules/icons/components/IconArrowRight.js";import Flex from"../Flex/Flex.js";import useBreakpoint from"../../hooks/useBreakpoint/useBreakpoint.js";import ButtonBeta from"../ButtonBeta/ButtonBeta.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var BetaSwitch=({isSwitching=!1,onSwitchClick})=>{let{t}=useTranslation(),{md}=useBreakpoint();return jsxs(Flex,{direction:md?`row`:`column`,gap:`8`,className:`beta-switch`,children:[jsxs(`p`,{children:[jsx(`strong`,{children:t(`betaSwitch.title`)}),` `,jsx(`span`,{children:t(`betaSwitch.description`)})]}),jsx(ButtonBeta,{"data-testid":`beta-switch-button`,isLoading:isSwitching,disabled:isSwitching,onClick:onSwitchClick,rightIcon:jsx(SvgIconArrowRight,{}),children:t(`betaSwitch.button`)})]})};export{BetaSwitch as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconArrowRight from "../../modules/icons/components/IconArrowRight.js";
+import useBreakpoint from "../../hooks/useBreakpoint/useBreakpoint.js";
+import Flex from "../Flex/Flex.js";
+import ButtonBeta from "../ButtonBeta/ButtonBeta.js";
+const BetaSwitch = ({
+  isSwitching = !1,
+  onSwitchClick
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    md
+  } = useBreakpoint();
+  return /* @__PURE__ */ jsxs(Flex, { direction: md ? "row" : "column", gap: "8", className: "beta-switch", children: [
+    /* @__PURE__ */ jsxs("p", { children: [
+      /* @__PURE__ */ jsx("strong", { children: t("betaSwitch.title") }),
+      " ",
+      /* @__PURE__ */ jsx("span", { children: t("betaSwitch.description") })
+    ] }),
+    /* @__PURE__ */ jsx(ButtonBeta, { "data-testid": "beta-switch-button", isLoading: isSwitching, disabled: isSwitching, onClick: onSwitchClick, rightIcon: /* @__PURE__ */ jsx(SvgIconArrowRight, {}), children: t("betaSwitch.button") })
+  ] });
+};
+export {
+  BetaSwitch
+};

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1 +1,28 @@
-import SvgIconRafterRight from"../../modules/icons/components/IconRafterRight.js";import AppIcon from"../AppIcon/AppIcon.js";import Heading from"../Heading/Heading.js";import BreadcrumbItem from"./BreadcrumbItem.js";import BreadcrumbList from"./BreadcrumbList.js";import BreadcrumbNav from"./BreadcrumbNav.js";import{forwardRef}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var Breadcrumb=forwardRef(({app,name},ref)=>{let{t}=useTranslation();return jsx(BreadcrumbNav,{app,ref,className:`mw-100`,children:jsx(BreadcrumbList,{className:`gap-12 mw-100`,children:name?jsxs(Fragment$1,{children:[jsx(BreadcrumbItem,{children:jsx(`a`,{href:app?.address,className:`d-flex`,"aria-label":t(app?.displayName),children:jsx(AppIcon,{app,size:`40`})})}),jsx(BreadcrumbItem,{children:jsx(SvgIconRafterRight,{color:`var(--edifice-gray-600)`,width:20,height:20})}),jsx(BreadcrumbItem,{className:`text-truncate`,children:jsx(Heading,{level:`h1`,headingStyle:`h3`,className:`text-truncate`,children:name})})]}):jsxs(BreadcrumbItem,{className:`gap-12 d-flex align-items-center`,children:[jsx(`a`,{href:app?.address,className:`d-flex`,"aria-label":t(app?.displayName),children:jsx(AppIcon,{app,size:`40`})}),jsx(Heading,{level:`h1`,headingStyle:`h3`,className:`d-none d-md-flex`,children:t(app?.displayName)})]})})})});export{Breadcrumb as default};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconRafterRight from "../../modules/icons/components/IconRafterRight.js";
+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";
+const Breadcrumb = /* @__PURE__ */ forwardRef(({
+  app,
+  name
+}, ref) => {
+  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(SvgIconRafterRight, { color: "var(--edifice-gray-600)", width: 20, height: 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) })
+  ] }) }) });
+});
+export {
+  Breadcrumb as default
+};

package/dist/components/Breadcrumb/BreadcrumbItem.js

@@ -1 +1,14 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var BreadcrumbItem=forwardRef(({children,className,...restProps},forwardRef)=>jsx(`li`,{ref:forwardRef,className:clsx$1(`breadcrumb-item`,className),...restProps,children}));export{BreadcrumbItem as default};
+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 });
+});
+export {
+  BreadcrumbItem as default
+};

package/dist/components/Breadcrumb/BreadcrumbList.js

@@ -1 +1,13 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var BreadcrumbList=forwardRef(({children,className},ref)=>jsx(`ol`,{ref,className:clsx$1(`breadcrumb d-flex flex-nowrap align-items-center mb-0`,className),children}));export{BreadcrumbList as default};
+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 });
+});
+export {
+  BreadcrumbList as default
+};

package/dist/components/Breadcrumb/BreadcrumbNav.js

@@ -1 +1,22 @@
-import useEdificeIcons from"../../hooks/useEdificeIcons/useEdificeIcons.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var BreadcrumbNav=forwardRef(({children,app,className},ref)=>{let{t}=useTranslation(),{getIconClass}=useEdificeIcons();return jsx(`nav`,{ref,className:clsx$1(`d-flex align-items-center mb-0`,getIconClass(app),className),"aria-label":t(`breadcrumb`),style:{"--edifice-breadcrumb-divider":`-`},children})});export{BreadcrumbNav as default};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
+const BreadcrumbNav = /* @__PURE__ */ forwardRef(({
+  children,
+  app,
+  className
+}, ref) => {
+  const {
+    t
+  } = useTranslation(), {
+    getIconClass
+  } = useEdificeIcons(), classes = clsx("d-flex align-items-center mb-0", getIconClass(app), className), style = {
+    "--edifice-breadcrumb-divider": "-"
+  };
+  return /* @__PURE__ */ jsx("nav", { ref, className: classes, "aria-label": t("breadcrumb"), style, children });
+});
+export {
+  BreadcrumbNav as default
+};

package/dist/components/Button/Button.js

@@ -1 +1,36 @@
-import Loading from"../Loading/Loading.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var Button=forwardRef(({color=`primary`,type=`button`,size=`md`,children,isLoading,loadingIcon,loadingPosition,leftIcon,rightIcon,className,variant=`filled`,...restProps},ref)=>jsx(`button`,{ref,"data-testid":`button`,className:clsx$1(`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`,"btn-md":size===`md`},className),type,...restProps,children:isLoading?jsx(Loading,{isLoading:!0,loadingIcon,loadingPosition,children}):jsxs(`span`,{children:[leftIcon,children,rightIcon]})}));export{Button as default};
+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",
+    "btn-md": size === "md"
+  }, className);
+  return /* @__PURE__ */ jsx("button", { ref, "data-testid": "button", className: classes, type, ...restProps, children: isLoading ? /* @__PURE__ */ jsx(Loading, { isLoading: !0, loadingIcon, loadingPosition, children }) : /* @__PURE__ */ jsxs("span", { children: [
+    leftIcon,
+    children,
+    rightIcon
+  ] }) });
+});
+export {
+  Button as default
+};

package/dist/components/Button/IconButton.js

@@ -1 +1,19 @@
-import Button from"./Button.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var IconButton=forwardRef(({icon,className,...restProps},ref)=>jsx(Button,{ref,...restProps,className:clsx$1(`btn-icon`,className),size:restProps.size||`sm`,leftIcon:icon}));export{IconButton as default};
+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", className),
+    size: restProps.size || "sm"
+  };
+  return /* @__PURE__ */ jsx(Button, { ref, ...buttonProps, leftIcon: icon });
+});
+export {
+  IconButton as default
+};

package/dist/components/Button/SearchButton.js

@@ -1 +1,17 @@
-import SvgIconSearch from"../../modules/icons/components/IconSearch.js";import IconButton from"./IconButton.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var SearchButton=forwardRef(({icon=jsx(SvgIconSearch,{}),onClick,className,...restProps},ref)=>jsx(IconButton,{ref,className:clsx$1(`btn-search`,className),icon,onClick,...restProps}));export{SearchButton as default};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import SvgIconSearch from "../../modules/icons/components/IconSearch.js";
+import IconButton from "./IconButton.js";
+const SearchButton = /* @__PURE__ */ forwardRef(({
+  icon = /* @__PURE__ */ jsx(SvgIconSearch, {}),
+  onClick,
+  className,
+  ...restProps
+}, ref) => {
+  const classes = clsx("btn-search", className);
+  return /* @__PURE__ */ jsx(IconButton, { ref, className: classes, icon, onClick, ...restProps });
+});
+export {
+  SearchButton as default
+};

package/dist/components/ButtonBeta/ButtonBeta.js

@@ -1 +1,37 @@
-import Loading from"../Loading/Loading.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var ButtonBeta=forwardRef(({color=`default`,type=`button`,size=`md`,variant=`filled`,children,isLoading,leftIcon,rightIcon,className,...restProps},ref)=>jsxs(`button`,{ref,"data-testid":`button-beta`,className:clsx$1(`btn-beta`,`btn-beta-${color}`,{"btn-beta--outline":variant===`outline`,"btn-beta--ghost":variant===`ghost`,"btn-beta--small":size===`sm`,"btn-beta--icon-only":!children,"btn-beta--with-left-icon":!!(leftIcon&&children),"btn-beta--with-right-icon":!!(rightIcon&&children),"btn-beta--loading":isLoading},className),type,...restProps,children:[isLoading&&jsx(Loading,{isLoading:!0}),jsxs(`span`,{children:[leftIcon,children,rightIcon]})]}));export{ButtonBeta as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import Loading from "../Loading/Loading.js";
+const ButtonBeta = /* @__PURE__ */ forwardRef(({
+  color = "default",
+  type = "button",
+  size = "md",
+  variant = "filled",
+  children,
+  isLoading,
+  leftIcon,
+  rightIcon,
+  className,
+  ...restProps
+}, ref) => {
+  const classes = clsx("btn-beta", `btn-beta-${color}`, {
+    "btn-beta--outline": variant === "outline",
+    "btn-beta--ghost": variant === "ghost",
+    "btn-beta--small": size === "sm",
+    "btn-beta--icon-only": !children,
+    "btn-beta--with-left-icon": !!(leftIcon && children),
+    "btn-beta--with-right-icon": !!(rightIcon && children),
+    "btn-beta--loading": isLoading
+  }, className);
+  return /* @__PURE__ */ jsxs("button", { ref, "data-testid": "button-beta", className: classes, type, ...restProps, children: [
+    isLoading && /* @__PURE__ */ jsx(Loading, { isLoading: !0 }),
+    /* @__PURE__ */ jsxs("span", { children: [
+      leftIcon,
+      children,
+      rightIcon
+    ] })
+  ] });
+});
+export {
+  ButtonBeta as default
+};

package/dist/components/Card/Card.js

@@ -1 +1,53 @@
-import useEdificeIcons from"../../hooks/useEdificeIcons/useEdificeIcons.js";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 clsx$1 from"clsx";import{forwardRef,useMemo}from"react";import{jsx,jsxs}from"react/jsx-runtime";var Root=forwardRef(({app,isSelectable=!0,isClickable=!0,isSelected=!1,isFocused=!1,onClick,onSelect,children,className},ref)=>{let{getIconCode}=useEdificeIcons(),appCode=app?getIconCode(app):`placeholder`,values=useMemo(()=>({app,appCode,isSelectable,isClickable,onClick,onSelect}),[app,appCode,isSelectable,isClickable,onClick,onSelect]);return jsx(CardContext.Provider,{value:values,children:jsxs(`div`,{ref,className:clsx$1(`card`,{"drag-focus":isFocused,"is-selected":isSelected,"c-pointer":isClickable},className),children:[jsx(Card.Header,{}),typeof children==`function`?children(appCode):children]})})}),Card=Object.assign(Root,{Title:CardTitle,Text:CardText,Image:CardImage,Body:CardBody,User:CardUser,Footer:CardFooter,Header:CardHeader});export{Card as default};
+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 useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
+const Root = /* @__PURE__ */ forwardRef(({
+  app,
+  isSelectable = !0,
+  isClickable = !0,
+  isSelected = !1,
+  isFocused = !1,
+  onClick,
+  onSelect,
+  children,
+  className
+}, ref) => {
+  const {
+    getIconCode
+  } = useEdificeIcons(), 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", {
+    "drag-focus": isFocused,
+    "is-selected": isSelected,
+    "c-pointer": isClickable
+  }, className), children: [
+    /* @__PURE__ */ jsx(Card.Header, {}),
+    typeof children == "function" ? children(appCode) : children
+  ] }) });
+}), Card = Object.assign(Root, {
+  Title: CardTitle,
+  Text: CardText,
+  Image: CardImage,
+  Body: CardBody,
+  User: CardUser,
+  Footer: CardFooter,
+  Header: CardHeader
+});
+export {
+  Card as default
+};

package/dist/components/Card/CardBody.js

@@ -1 +1,20 @@
-import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var CardBody=({children,gap=null,space=null,padding=null,flexDirection=`row`})=>jsx(`div`,{className:clsx$1(`card-body`,{[`p-${padding??space}`]:space,[`gap-${gap??space}`]:space,"align-items-start":flexDirection===`column`,"flex-column":flexDirection===`column`}),children});export{CardBody as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const CardBody = ({
+  children,
+  gap = null,
+  space = null,
+  padding = null,
+  flexDirection = "row"
+}) => {
+  const cardbody = clsx("card-body", {
+    [`p-${padding ?? space}`]: space,
+    [`gap-${gap ?? space}`]: space,
+    "align-items-start": flexDirection === "column",
+    "flex-column": flexDirection === "column"
+  });
+  return /* @__PURE__ */ jsx("div", { className: cardbody, children });
+};
+export {
+  CardBody as default
+};

package/dist/components/Card/CardContext.js

@@ -1 +1,11 @@
-import{createContext,useContext}from"react";var CardContext=createContext(null),useCardContext=()=>{let context=useContext(CardContext);if(!context)throw Error(`Cannot be rendered outside the Card component`);return context};export{CardContext,useCardContext};
+import { createContext, useContext } from "react";
+const CardContext = /* @__PURE__ */ createContext(null), useCardContext = () => {
+  const context = useContext(CardContext);
+  if (!context)
+    throw new Error("Cannot be rendered outside the Card component");
+  return context;
+};
+export {
+  CardContext,
+  useCardContext
+};

package/dist/components/Card/CardFooter.js

@@ -1 +1,7 @@
-import{jsx}from"react/jsx-runtime";var CardFooter=({children})=>jsx(`div`,{className:`card-footer gap-16`,children});export{CardFooter as default};
+import { jsx } from "react/jsx-runtime";
+const CardFooter = ({
+  children
+}) => /* @__PURE__ */ jsx("div", { className: "card-footer gap-16", children });
+export {
+  CardFooter as default
+};

package/dist/components/Card/CardHeader.js

@@ -1 +1,22 @@
-import SvgIconOptions from"../../modules/icons/components/IconOptions.js";import IconButton from"../Button/IconButton.js";import{useCardContext}from"./CardContext.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var CardHeader=()=>{let{isSelectable,isClickable,onClick,onSelect}=useCardContext(),{t}=useTranslation();return isSelectable||isClickable?jsxs(`div`,{className:`card-header`,children:[isSelectable?jsx(IconButton,{"aria-label":t(`card.open.menu`),className:`z-3 bg-white`,color:`secondary`,icon:jsx(SvgIconOptions,{}),onClick:onSelect,variant:`ghost`}):null,isClickable?jsx(`button`,{type:`button`,onClick,className:`position-absolute bottom-0 end-0 top-0 start-0 opacity-0 z-1 w-100`,"aria-label":t(`card.open.resource`)}):null]}):null};export{CardHeader as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconOptions from "../../modules/icons/components/IconOptions.js";
+import { useCardContext } from "./CardContext.js";
+import IconButton from "../Button/IconButton.js";
+const CardHeader = () => {
+  const {
+    isSelectable,
+    isClickable,
+    onClick,
+    onSelect
+  } = useCardContext(), {
+    t
+  } = useTranslation();
+  return isSelectable || isClickable ? /* @__PURE__ */ jsxs("div", { className: "card-header", children: [
+    isSelectable ? /* @__PURE__ */ jsx(IconButton, { "aria-label": t("card.open.menu"), className: "z-3 bg-white", color: "secondary", icon: /* @__PURE__ */ jsx(SvgIconOptions, {}), onClick: onSelect, variant: "ghost" }) : null,
+    isClickable ? /* @__PURE__ */ jsx("button", { type: "button", onClick, className: "position-absolute bottom-0 end-0 top-0 start-0 opacity-0 z-1 w-100", "aria-label": t("card.open.resource") }) : null
+  ] }) : null;
+};
+export {
+  CardHeader as default
+};

package/dist/components/Card/CardImage.js

@@ -1 +1,21 @@
-import Image from"../Image/Image.js";import AppIcon from"../AppIcon/AppIcon.js";import{useCardContext}from"./CardContext.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var CardImage=({imageSrc,className,variant=`medium`})=>{let{app}=useCardContext();return jsx(`div`,{className:clsx$1(`card-image`,variant),children:imageSrc?jsx(Image,{alt:``,src:imageSrc,objectFit:`cover`,className:clsx$1(`h-full w-100`,className)}):jsx(AppIcon,{app,iconFit:`ratio`,size:`80`,variant:`rounded`})})};export{CardImage as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useCardContext } from "./CardContext.js";
+import Image from "../Image/Image.js";
+import AppIcon from "../AppIcon/AppIcon.js";
+const CardImage = ({
+  imageSrc,
+  className,
+  variant = "medium"
+}) => {
+  const {
+    app
+  } = useCardContext(), style = variant === "landscape" ? {
+    width: "100%",
+    height: "auto"
+  } : null;
+  return /* @__PURE__ */ jsx("div", { className: clsx("card-image", variant), children: imageSrc ? /* @__PURE__ */ jsx(Image, { alt: "", src: imageSrc, objectFit: "cover", className: clsx("h-full w-100", className) }) : /* @__PURE__ */ jsx(AppIcon, { app, iconFit: "ratio", size: "80", variant: "rounded", ...style }) });
+};
+export {
+  CardImage as default
+};

package/dist/components/Card/CardText.js

@@ -1 +1,12 @@
-import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var CardText=({children,className})=>jsx(`p`,{className:clsx$1(`card-text small text-break text-truncate text-truncate-1`,className),children});export{CardText as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const CardText = ({
+  children,
+  className
+}) => {
+  const text = clsx("card-text small text-break text-truncate text-truncate-1", className);
+  return /* @__PURE__ */ jsx("p", { className: text, children });
+};
+export {
+  CardText as default
+};

package/dist/components/Card/CardTitle.js

@@ -1 +1,12 @@
-import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var CardTitle=({children,className})=>jsx(`h3`,{className:clsx$1(`card-title body text-break text-truncate text-truncate-2`,className),children:jsx(`strong`,{children})});export{CardTitle as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const CardTitle = ({
+  children,
+  className
+}) => {
+  const title = clsx("card-title body text-break text-truncate text-truncate-2", className);
+  return /* @__PURE__ */ jsx("h3", { className: title, children: /* @__PURE__ */ jsx("strong", { children }) });
+};
+export {
+  CardTitle as default
+};

package/dist/components/Card/CardUser.js

@@ -1 +1,10 @@
-import Avatar from"../Avatar/Avatar.js";import SvgIconOneProfile from"../../modules/icons/components/nav/IconOneProfile.js";import{jsx}from"react/jsx-runtime";var CardUser=({userSrc,creatorName})=>userSrc?jsx(Avatar,{alt:creatorName||``,size:`xs`,src:userSrc,variant:`circle`,width:`24`,height:`24`}):jsx(SvgIconOneProfile,{});export{CardUser as default};
+import { jsx } from "react/jsx-runtime";
+import SvgIconOneProfile from "../../modules/icons/components/nav/IconOneProfile.js";
+import Avatar from "../Avatar/Avatar.js";
+const CardUser = ({
+  userSrc,
+  creatorName
+}) => userSrc ? /* @__PURE__ */ jsx(Avatar, { alt: creatorName || "", size: "xs", src: userSrc, variant: "circle", width: "24", height: "24" }) : /* @__PURE__ */ jsx(SvgIconOneProfile, {});
+export {
+  CardUser as default
+};

package/dist/components/Checkbox/Checkbox.js

@@ -1 +1,35 @@
-import clsx$1 from"clsx";import{forwardRef,useEffect,useId,useImperativeHandle,useRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var Checkbox=forwardRef(({label,disabled=!1,checked=!1,indeterminate=!1,...restProps},ref)=>{let refCheckbox=useRef(null);useImperativeHandle(ref,()=>({...refCheckbox.current})),useEffect(()=>{refCheckbox.current.indeterminate=indeterminate},[refCheckbox,indeterminate]);let id=useId(),checkboxProps={type:`checkbox`,checked,disabled,ref:refCheckbox,className:clsx$1(restProps.className,`form-check-input c-pointer`),id},inputProps={...restProps,...checkboxProps};return jsxs(`div`,{className:`form-check d-flex align-items-center gap-8`,children:[jsx(`input`,{...inputProps}),label&&jsx(`label`,{className:`form-check-label`,htmlFor:inputProps.id,children:label})]})});export{Checkbox as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle, useEffect, useId } from "react";
+import clsx from "clsx";
+const Checkbox = /* @__PURE__ */ forwardRef(({
+  label,
+  disabled = !1,
+  checked = !1,
+  indeterminate = !1,
+  ...restProps
+}, ref) => {
+  const refCheckbox = useRef(null);
+  useImperativeHandle(ref, () => ({
+    ...refCheckbox.current
+  })), useEffect(() => {
+    refCheckbox.current.indeterminate = indeterminate;
+  }, [refCheckbox, indeterminate]);
+  const id = useId(), checkboxProps = {
+    type: "checkbox",
+    checked,
+    disabled,
+    ref: refCheckbox,
+    className: clsx(restProps.className, "form-check-input c-pointer"),
+    id
+  }, inputProps = {
+    ...restProps,
+    ...checkboxProps
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "form-check d-flex align-items-center gap-8", children: [
+    /* @__PURE__ */ jsx("input", { ...inputProps }),
+    label && /* @__PURE__ */ jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
+  ] });
+});
+export {
+  Checkbox as default
+};