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

package/dist/components/PageLayout/components/PageLayoutOverlay.js

@@ -1 +1,51 @@
-import SvgIconClose from"../../../modules/icons/components/IconClose.js";import ButtonBeta from"../../ButtonBeta/ButtonBeta.js";import{useOverlay}from"../hook/useOverlay.js";import clsx$1 from"clsx";import{useCallback,useEffect}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var PageLayoutOverlay=({children,onClose,closeButton=!0,backdrop=!1,className,...props})=>{let{t}=useTranslation(),{isOverlayOpen,updateOverlayOpen}=useOverlay(),handleClose=useCallback(()=>{updateOverlayOpen(!1),onClose?.()},[onClose,updateOverlayOpen]);return useEffect(()=>{if(!isOverlayOpen)return;let handleKeyDown=e=>{e.key===`Escape`&&handleClose()};return document.addEventListener(`keydown`,handleKeyDown),()=>document.removeEventListener(`keydown`,handleKeyDown)},[isOverlayOpen,onClose,updateOverlayOpen,handleClose]),jsxs(Fragment$1,{children:[isOverlayOpen&&backdrop&&jsx(`div`,{className:`pagelayout-overlaybackdrop`,"aria-hidden":`true`,onClick:handleClose}),jsxs(`aside`,{className:clsx$1(`pagelayout-overlay`,{"pagelayout-overlay-open":isOverlayOpen},className),"aria-hidden":!isOverlayOpen,inert:isOverlayOpen?void 0:``,...props,children:[closeButton&&isOverlayOpen&&jsx(ButtonBeta,{"aria-label":t(`close`),color:`tertiary`,leftIcon:jsx(SvgIconClose,{}),type:`button`,variant:`ghost`,title:t(`close`),onClick:handleClose,className:`pagelayout-overlay-close-button`,"data-testid":`pagelayout-overlay-close-button`}),children]})]})};export{PageLayoutOverlay as default};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconClose from "../../../modules/icons/components/IconClose.js";
+import { useOverlay } from "../hook/useOverlay.js";
+import ButtonBeta from "../../ButtonBeta/ButtonBeta.js";
+const PageLayoutOverlay = ({
+  children,
+  onClose,
+  closeButton = !0,
+  backdrop = !1,
+  className,
+  ...props
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    isOverlayOpen,
+    updateOverlayOpen
+  } = useOverlay(), handleClose = () => {
+    updateOverlayOpen(!1), onClose == null || onClose();
+  };
+  return useEffect(() => {
+    if (!isOverlayOpen) return;
+    const handleKeyDown = (e) => {
+      e.key === "Escape" && handleClose();
+    };
+    return document.addEventListener("keydown", handleKeyDown), () => document.removeEventListener("keydown", handleKeyDown);
+  }, [isOverlayOpen, onClose, updateOverlayOpen, handleClose]), /* @__PURE__ */ jsxs(Fragment, { children: [
+    isOverlayOpen && backdrop && /* @__PURE__ */ jsx("div", { className: "pagelayout-overlaybackdrop", "aria-hidden": "true", onClick: handleClose }),
+    /* @__PURE__ */ jsxs(
+      "aside",
+      {
+        className: clsx("pagelayout-overlay", {
+          "pagelayout-overlay-open": isOverlayOpen
+        }, className),
+        "aria-hidden": !isOverlayOpen,
+        inert: isOverlayOpen ? void 0 : "",
+        ...props,
+        children: [
+          closeButton && isOverlayOpen && /* @__PURE__ */ jsx(ButtonBeta, { "aria-label": t("close"), color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), type: "button", variant: "ghost", title: t("close"), onClick: handleClose, className: "pagelayout-overlay-close-button", "data-testid": "pagelayout-overlay-close-button" }),
+          children
+        ]
+      }
+    )
+  ] });
+};
+export {
+  PageLayoutOverlay as default
+};

package/dist/components/PageLayout/components/PageLayoutSidebarLeft.js

@@ -1 +1,18 @@
-import{usePageLayout}from"../PageLayoutContext.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var PageLayoutSidebarLeft=({children,className,...props})=>{let{noPadding}=usePageLayout();return jsx(`aside`,{className:clsx$1(`pagelayout-sidebarleft`,{"pagelayout-sidebarleft--no-padding":noPadding?.sidebarLeft},className),...props,children})};export{PageLayoutSidebarLeft as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { usePageLayout } from "../PageLayoutContext.js";
+const PageLayoutSidebarLeft = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    noPadding
+  } = usePageLayout();
+  return /* @__PURE__ */ jsx("aside", { className: clsx("pagelayout-sidebarleft", {
+    "pagelayout-sidebarleft--no-padding": noPadding == null ? void 0 : noPadding.sidebarLeft
+  }, className), ...props, children });
+};
+export {
+  PageLayoutSidebarLeft as default
+};

package/dist/components/PageLayout/components/PageLayoutSidebarRight.js

@@ -1 +1,18 @@
-import{usePageLayout}from"../PageLayoutContext.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var PageLayoutSidebarRight=({children,className,...props})=>{let{noPadding}=usePageLayout();return jsx(`aside`,{className:clsx$1(`pagelayout-sidebarright`,{"pagelayout-sidebarright--no-padding":noPadding?.sidebarRight},className),...props,children:jsx(`div`,{className:`pagelayout-sidebarright-inner`,children})})};export{PageLayoutSidebarRight as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { usePageLayout } from "../PageLayoutContext.js";
+const PageLayoutSidebarRight = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    noPadding
+  } = usePageLayout();
+  return /* @__PURE__ */ jsx("aside", { className: clsx("pagelayout-sidebarright", {
+    "pagelayout-sidebarright--no-padding": noPadding == null ? void 0 : noPadding.sidebarRight
+  }, className), ...props, children: /* @__PURE__ */ jsx("div", { className: "pagelayout-sidebarright-inner", children }) });
+};
+export {
+  PageLayoutSidebarRight as default
+};

package/dist/components/PageLayout/hook/useOverlay.js

@@ -1 +1,15 @@
-import{useOverlayStore}from"../store/overlayStore.js";import{useCallback}from"react";var useOverlay=()=>{let isOverlayOpen=useOverlayStore.use.overlayOpen(),updateOverlayOpen=useOverlayStore.use.updateOverlayOpen();return{isOverlayOpen,updateOverlayOpen,toggleOverlay:useCallback(()=>{updateOverlayOpen(!isOverlayOpen)},[isOverlayOpen,updateOverlayOpen])}};export{useOverlay};
+import { useCallback } from "react";
+import { useOverlayStore } from "../store/overlayStore.js";
+const useOverlay = () => {
+  const isOverlayOpen = useOverlayStore.use.overlayOpen(), updateOverlayOpen = useOverlayStore.use.updateOverlayOpen(), toggleOverlay = useCallback(() => {
+    updateOverlayOpen(!isOverlayOpen);
+  }, [isOverlayOpen, updateOverlayOpen]);
+  return {
+    isOverlayOpen,
+    updateOverlayOpen,
+    toggleOverlay
+  };
+};
+export {
+  useOverlay
+};

package/dist/components/PageLayout/store/overlayStore.js

@@ -1 +1,12 @@
-import{createSelectors}from"../../../utilities/create-selectors/create-selectors.js";import{create}from"zustand";var useOverlayStore=createSelectors(create(set=>({overlayOpen:!1,updateOverlayOpen:value=>set(previousState=>({...previousState,overlayOpen:value}))})));export{useOverlayStore};
+import { create } from "zustand";
+import { createSelectors } from "../../../utilities/create-selectors/create-selectors.js";
+const useOverlayStore = createSelectors(create((set) => ({
+  overlayOpen: !1,
+  updateOverlayOpen: (value) => set((previousState) => ({
+    ...previousState,
+    overlayOpen: value
+  }))
+})));
+export {
+  useOverlayStore
+};

package/dist/components/Pagination/Pagination.js

@@ -1 +1,14 @@
-import{jsx}from"react/jsx-runtime";import{Pagination}from"antd";function Pagination$1({current,total,pageSize,onChange,className}){return jsx(Pagination,{align:`center`,showSizeChanger:!1,current,total,pageSize,onChange,className})}export{Pagination$1 as Pagination};
+import { jsx } from "react/jsx-runtime";
+import { Pagination as Pagination$1 } from "antd";
+function Pagination({
+  current,
+  total,
+  pageSize,
+  onChange,
+  className
+}) {
+  return /* @__PURE__ */ jsx(Pagination$1, { align: "center", showSizeChanger: !1, current, total, pageSize, onChange, className });
+}
+export {
+  Pagination
+};

package/dist/components/Popover/Popover.js

@@ -1 +1,52 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";import{animated,useTransition}from"@react-spring/web";var PopoverHeader=({children,className})=>jsx(`div`,{className:clsx$1(`popover-header`,className),children}),PopoverBody=({children,className})=>jsx(`div`,{className:clsx$1(`popover-body`,className),children}),PopoverFooter=({children,className})=>jsx(`div`,{className:clsx$1(`popover-footer p-8`,className),children}),Popover=forwardRef(({align=`center`,children,className,id,isVisible,...restProps},ref)=>{let classes=clsx$1(`popover d-block position-absolute top-100`,align===`end`?`end-0 popover-align-end`:`start-50 translate-middle-x`,className);return useTransition(isVisible,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0},config:{duration:0}})((style,isVisible)=>isVisible&&jsx(animated.div,{ref,"aria-labelledby":id,className:classes,role:`tooltip`,style,...restProps,children}))});export{Popover,PopoverBody,PopoverFooter,PopoverHeader};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useTransition, animated } from "@react-spring/web";
+import clsx from "clsx";
+const PopoverHeader = ({
+  children,
+  className
+}) => {
+  const classes = clsx("popover-header", className);
+  return /* @__PURE__ */ jsx("div", { className: classes, children });
+}, PopoverBody = ({
+  children,
+  className
+}) => {
+  const classes = clsx("popover-body", className);
+  return /* @__PURE__ */ jsx("div", { className: classes, children });
+}, PopoverFooter = ({
+  children,
+  className
+}) => {
+  const classes = clsx("popover-footer p-8", className);
+  return /* @__PURE__ */ jsx("div", { className: classes, children });
+}, Popover = /* @__PURE__ */ forwardRef(({
+  align = "center",
+  children,
+  className,
+  id,
+  isVisible,
+  ...restProps
+}, ref) => {
+  const classes = clsx("popover d-block position-absolute top-100", align === "end" ? "end-0 popover-align-end" : "start-50 translate-middle-x", className);
+  return useTransition(isVisible, {
+    from: {
+      opacity: 0
+    },
+    enter: {
+      opacity: 1
+    },
+    leave: {
+      opacity: 0
+    },
+    config: {
+      duration: 0
+    }
+  })((style, isVisible2) => isVisible2 && /* @__PURE__ */ jsx(animated.div, { ref, "aria-labelledby": id, className: classes, role: "tooltip", style, ...restProps, children }));
+});
+export {
+  Popover,
+  PopoverBody,
+  PopoverFooter,
+  PopoverHeader
+};

package/dist/components/PreventPropagation/PreventPropagation.js

@@ -1 +1,9 @@
-import{jsx}from"react/jsx-runtime";var PreventPropagation=Object.assign(({children})=>jsx(`div`,{onClick:e=>{e.stopPropagation()},children}),{});export{PreventPropagation as default};
+import { jsx } from "react/jsx-runtime";
+const Root = ({
+  children
+}) => /* @__PURE__ */ jsx("div", { onClick: (e) => {
+  e.stopPropagation();
+}, children }), PreventPropagation = Object.assign(Root, {});
+export {
+  PreventPropagation as default
+};

package/dist/components/PromotionCard/PromotionCard.js

@@ -1 +1,31 @@
-import PromotionCardBody from"./PromotionCardBody.js";import PromotionCardDescription from"./PromotionCardDescription.js";import PromotionCardFooter from"./PromotionCardFooter.js";import PromotionCardHeader from"./PromotionCardHeader.js";import PromotionCardIcon from"./PromotionCardIcon.js";import PromotionCardTitle from"./PromotionCardTitle.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var Root=({children,borderColor,backgroundColor,className})=>jsx(`div`,{className:clsx$1(`promotion-card`,className),style:{borderColor,backgroundColor},children}),PromotionCard=Object.assign(Root,{Header:PromotionCardHeader,Body:PromotionCardBody,Icon:PromotionCardIcon,Title:PromotionCardTitle,Description:PromotionCardDescription,Footer:PromotionCardFooter});export{Root,PromotionCard as default};
+import { jsx } from "react/jsx-runtime";
+import PromotionCardBody from "./PromotionCardBody.js";
+import PromotionCardDescription from "./PromotionCardDescription.js";
+import PromotionCardFooter from "./PromotionCardFooter.js";
+import PromotionCardHeader from "./PromotionCardHeader.js";
+import PromotionCardIcon from "./PromotionCardIcon.js";
+import PromotionCardTitle from "./PromotionCardTitle.js";
+import clsx from "clsx";
+const Root = ({
+  children,
+  borderColor,
+  backgroundColor,
+  className
+}) => {
+  const classNames = clsx("promotion-card", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    borderColor,
+    backgroundColor
+  }, children });
+}, PromotionCard = Object.assign(Root, {
+  Header: PromotionCardHeader,
+  Body: PromotionCardBody,
+  Icon: PromotionCardIcon,
+  Title: PromotionCardTitle,
+  Description: PromotionCardDescription,
+  Footer: PromotionCardFooter
+});
+export {
+  Root,
+  PromotionCard as default
+};

package/dist/components/PromotionCard/PromotionCardBody.js

@@ -1 +1,15 @@
-import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var PromotionCardBody=({children,textColor,className})=>jsx(`div`,{className:clsx$1(`promotion-card-body`,className),style:{color:textColor},children});export{PromotionCardBody as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const PromotionCardBody = ({
+  children,
+  textColor,
+  className
+}) => {
+  const classNames = clsx("promotion-card-body", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    color: textColor
+  }, children });
+};
+export {
+  PromotionCardBody as default
+};

package/dist/components/PromotionCard/PromotionCardDescription.js

@@ -1 +1,12 @@
-import{clsx}from"clsx";import{jsx}from"react/jsx-runtime";var PromotionCardDescription=({children,className})=>jsx(`div`,{className:clsx(`promotion-card-description`,className),children});export{PromotionCardDescription as default};
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardDescription = ({
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-description", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, children });
+};
+export {
+  PromotionCardDescription as default
+};

package/dist/components/PromotionCard/PromotionCardFooter.js

@@ -1 +1,12 @@
-import{clsx}from"clsx";import{jsx}from"react/jsx-runtime";var PromotionCardFooter=({children,className})=>jsx(`div`,{className:clsx(`promotion-card-footer`,className),children});export{PromotionCardFooter as default};
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardFooter = ({
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-footer", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, children });
+};
+export {
+  PromotionCardFooter as default
+};

package/dist/components/PromotionCard/PromotionCardHeader.js

@@ -1 +1,17 @@
-import{clsx}from"clsx";import{jsx}from"react/jsx-runtime";var PromotionCardHeader=({backgroundColor,textColor,children,className})=>jsx(`div`,{className:clsx(`promotion-card-header`,className),style:{backgroundColor,color:textColor},children});export{PromotionCardHeader as default};
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardHeader = ({
+  backgroundColor,
+  textColor,
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-header", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    backgroundColor,
+    color: textColor
+  }, children });
+};
+export {
+  PromotionCardHeader as default
+};

package/dist/components/PromotionCard/PromotionCardIcon.js

@@ -1 +1,15 @@
-import{clsx}from"clsx";import{jsx}from"react/jsx-runtime";var PromotionCardIcon=({icon,backgroundColor,className})=>jsx(`div`,{className:clsx(`promotion-card-icon`,className),style:{backgroundColor},children:icon});export{PromotionCardIcon as default};
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+const PromotionCardIcon = ({
+  icon,
+  backgroundColor,
+  className
+}) => {
+  const classNames = clsx("promotion-card-icon", className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, style: {
+    backgroundColor
+  }, children: icon });
+};
+export {
+  PromotionCardIcon as default
+};

package/dist/components/PromotionCard/PromotionCardTitle.js

@@ -1 +1,12 @@
-import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var PromotionCardTitle=({children,className})=>jsx(`h3`,{className:clsx$1(`promotion-card-title`,className),children});export{PromotionCardTitle as default};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+const PromotionCardTitle = ({
+  children,
+  className
+}) => {
+  const classNames = clsx("promotion-card-title", className);
+  return /* @__PURE__ */ jsx("h3", { className: classNames, children });
+};
+export {
+  PromotionCardTitle as default
+};

package/dist/components/Radio/Radio.js

@@ -1 +1,31 @@
-import clsx$1 from"clsx";import{forwardRef,useId}from"react";import{jsx,jsxs}from"react/jsx-runtime";var Radio=forwardRef(({model,icon,label=!1,disabled=!1,checked,...restProps},ref)=>{let id=useId(),radioProps={type:`radio`,checked,disabled,ref,className:clsx$1(restProps.className,`form-check-input c-pointer`,icon&&`d-none`),id},inputProps={...restProps,...radioProps};return jsxs(`div`,{className:clsx$1(`form-check d-flex align-items-center gap-8`,icon&&`ps-0`),children:[jsx(`input`,{...inputProps}),icon&&jsx(`label`,{htmlFor:inputProps.id,className:clsx$1(`c-pointer`,model!==restProps.value&&`text-muted`),children:icon}),!icon&&label&&jsx(`label`,{className:`form-check-label`,htmlFor:inputProps.id,children:label})]})});export{Radio as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import clsx from "clsx";
+const Radio = /* @__PURE__ */ forwardRef(({
+  model,
+  icon,
+  label = !1,
+  disabled = !1,
+  checked,
+  ...restProps
+}, ref) => {
+  const id = useId(), radioProps = {
+    type: "radio",
+    checked,
+    disabled,
+    ref,
+    className: clsx(restProps.className, "form-check-input c-pointer", icon && "d-none"),
+    id
+  }, inputProps = {
+    ...restProps,
+    ...radioProps
+  };
+  return /* @__PURE__ */ jsxs("div", { className: clsx("form-check d-flex align-items-center gap-8", icon && "ps-0"), children: [
+    /* @__PURE__ */ jsx("input", { ...inputProps }),
+    icon && /* @__PURE__ */ jsx("label", { htmlFor: inputProps.id, className: clsx("c-pointer", model !== restProps.value && "text-muted"), children: icon }),
+    !icon && label && /* @__PURE__ */ jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
+  ] });
+});
+export {
+  Radio as default
+};

package/dist/components/RadioCard/RadioCard.js

@@ -1 +1,32 @@
-import Flex from"../Flex/Flex.js";import Radio from"../Radio/Radio.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var RadioCard=forwardRef(({selectedValue,value,onChange,description,label,model=``,groupName=`group`,...restProps},ref)=>{let isSelected=selectedValue===value;return jsxs(`label`,{ref,role:`button`,tabIndex:0,className:clsx$1(`border py-24 border-2 rounded-3`,isSelected&&`border-secondary`,!isSelected&&`border-light`,restProps.className),onKeyDown:event=>{if(event.key===`Enter`){let inputElement=event.currentTarget.querySelector(`input[type="radio"]`);inputElement&&inputElement.click()}},...restProps,children:[jsxs(Flex,{justify:`between`,className:`px-24`,children:[jsx(`h4`,{className:`mb-8`,id:`radio-card-label-${value}`,children:label}),jsx(Radio,{model,name:groupName,value,checked:isSelected,onChange,"aria-labelledby":`radio-card-label-${value}`})]}),description&&jsx(`p`,{id:`radio-card-description-${value}`,className:`px-24 text-gray-700 pe-32`,children:description})]})});export{RadioCard as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import Radio from "../Radio/Radio.js";
+import Flex from "../Flex/Flex.js";
+const RadioCard = /* @__PURE__ */ forwardRef(({
+  selectedValue,
+  value,
+  onChange,
+  description,
+  label,
+  model = "",
+  groupName = "group",
+  ...restProps
+}, ref) => {
+  const isSelected = selectedValue === value, handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      const inputElement = event.currentTarget.querySelector('input[type="radio"]');
+      inputElement && inputElement.click();
+    }
+  };
+  return /* @__PURE__ */ jsxs("label", { ref, role: "button", tabIndex: 0, className: clsx("border py-24 border-2 rounded-3", isSelected && "border-secondary", !isSelected && "border-light", restProps.className), onKeyDown: handleKeyDown, ...restProps, children: [
+    /* @__PURE__ */ jsxs(Flex, { justify: "between", className: "px-24", children: [
+      /* @__PURE__ */ jsx("h4", { className: "mb-8", id: `radio-card-label-${value}`, children: label }),
+      /* @__PURE__ */ jsx(Radio, { model, name: groupName, value, checked: isSelected, onChange, "aria-labelledby": `radio-card-label-${value}` })
+    ] }),
+    description && /* @__PURE__ */ jsx("p", { id: `radio-card-description-${value}`, className: "px-24 text-gray-700 pe-32", children: description })
+  ] });
+});
+export {
+  RadioCard as default
+};

package/dist/components/RadioTile/RadioTile.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties, InputHTMLAttributes, ReactNode } from 'react';
+export interface RadioTileProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'children' | 'className' | 'style'> {
+    /**
+     * Label of the tile. Also used as the accessible name of the radio input.
+     */
+    label: ReactNode;
+    /**
+     * Optional image: an URL, or any React node (e.g. a background preview).
+     */
+    image?: string | ReactNode;
+    /**
+     * Layout of a tile with both an image and a label.
+     * Ignored when there is no image or when the label is hidden.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Visually hide the label (it stays available to screen readers).
+     * Use it with an `image` to render an image-only tile.
+     */
+    hideLabel?: boolean;
+    /**
+     * Additional CSS class names applied to the tile (root element).
+     */
+    className?: string;
+    /**
+     * Inline styles applied to the tile (root element).
+     */
+    style?: CSSProperties;
+}
+/**
+ * A radio input presented as a selectable tile, with a label, an image or both.
+ * Group tiles together by giving them the same `name`.
+ */
+declare const RadioTile: import('react').ForwardRefExoticComponent<RadioTileProps & import('react').RefAttributes<HTMLInputElement>>;
+export default RadioTile;

package/dist/components/RadioTile/RadioTile.js

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const RadioTile = /* @__PURE__ */ forwardRef(({
+  label,
+  image,
+  orientation = "horizontal",
+  hideLabel = !1,
+  className,
+  style,
+  ...inputProps
+}, ref) => {
+  const hasImage = image != null && image !== !1;
+  return /* @__PURE__ */ jsxs("label", { className: clsx("radio-tile", `radio-tile--${hasImage ? hideLabel ? "image" : orientation === "vertical" ? "vertical" : "horizontal" : "text"}`, className), style, children: [
+    /* @__PURE__ */ jsx("input", { ref, type: "radio", className: "radio-tile__input visually-hidden", ...inputProps }),
+    hasImage && /* @__PURE__ */ jsx("span", { className: "radio-tile__image", children: typeof image == "string" ? /* @__PURE__ */ jsx("img", { src: image, alt: "", loading: "lazy" }) : image }),
+    /* @__PURE__ */ jsx("span", { className: clsx("radio-tile__label", hideLabel && "visually-hidden"), children: label })
+  ] });
+});
+export {
+  RadioTile as default
+};

package/dist/components/RadioTile/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RadioTile } from './RadioTile';
+export * from './RadioTile';

package/dist/components/SearchBar/SearchBar.js

@@ -1 +1,54 @@
-import SvgIconClose from"../../modules/icons/components/IconClose.js";import SvgIconSearch from"../../modules/icons/components/IconSearch.js";import SearchButton from"../Button/SearchButton.js";import FormControl from"../Form/FormControl.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var SearchBar=({isVariant=!1,size=`md`,placeholder=`search`,className,disabled,buttonDisabled,onChange,onClick,value,clearable=!1,...restProps})=>{let{t}=useTranslation(),searchbar=clsx$1(className,{"input-group":!isVariant,"position-relative":isVariant}),input=clsx$1({"border-end-0":!isVariant,"ps-48":isVariant,"searchbar-hide-native-clear":isVariant&&clearable}),handleClick=()=>{onClick?.()},handleKeyDown=e=>{e.key===`Enter`&&(e.preventDefault(),handleClick())},handleClear=()=>{onChange?.({target:{value:``}})};return jsxs(FormControl,{id:`search-bar`,className:searchbar,children:[isVariant&&jsx(`div`,{className:`position-absolute z-1 top-50 start-0 translate-middle-y border-0 ps-12 bg-transparent`,children:jsx(SvgIconSearch,{})}),jsx(FormControl.Input,{type:`search`,placeholder:t(placeholder),size,noValidationIcon:!0,className:input,onChange,value,disabled,onKeyDown:handleKeyDown,...restProps}),isVariant&&clearable&&value&&onChange&&jsx(`button`,{type:`button`,onClick:handleClear,className:`position-absolute end-0 top-50 translate-middle-y pe-12 bg-transparent border-0`,"aria-label":t(`clear`),children:jsx(SvgIconClose,{className:`color-gray`,style:{width:12,height:12}})}),!isVariant&&jsx(SearchButton,{type:`submit`,"aria-label":t(`search`),icon:jsx(SvgIconSearch,{}),className:`border-start-0`,onClick:handleClick,disabled:buttonDisabled})]})};export{SearchBar as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconClose from "../../modules/icons/components/IconClose.js";
+import SvgIconSearch from "../../modules/icons/components/IconSearch.js";
+import FormControl from "../Form/FormControl.js";
+import SearchButton from "../Button/SearchButton.js";
+const SearchBar = ({
+  isVariant = !1,
+  size = "md",
+  placeholder = "search",
+  className,
+  disabled,
+  buttonDisabled,
+  onChange,
+  onClick,
+  value,
+  clearable = !1,
+  ...restProps
+}) => {
+  const {
+    t
+  } = useTranslation(), searchbar = clsx(className, {
+    "input-group": !isVariant,
+    "position-relative": isVariant
+  }), input = clsx({
+    "border-end-0": !isVariant,
+    "ps-48": isVariant,
+    "searchbar-hide-native-clear": isVariant && clearable
+  }), handleClick = () => {
+    onClick == null || onClick();
+  }, handleKeyDown = (e) => {
+    e.key === "Enter" && (e.preventDefault(), handleClick());
+  }, handleClear = () => {
+    const event = {
+      target: {
+        value: ""
+      }
+    };
+    onChange == null || onChange(event);
+  };
+  return /* @__PURE__ */ jsxs(FormControl, { id: "search-bar", className: searchbar, children: [
+    isVariant && /* @__PURE__ */ jsx("div", { className: "position-absolute z-1 top-50 start-0 translate-middle-y border-0 ps-12 bg-transparent", children: /* @__PURE__ */ jsx(SvgIconSearch, {}) }),
+    /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, value, disabled, onKeyDown: handleKeyDown, ...restProps }),
+    isVariant && clearable && value && onChange && /* @__PURE__ */ jsx("button", { type: "button", onClick: handleClear, className: "position-absolute end-0 top-50 translate-middle-y pe-12 bg-transparent border-0", "aria-label": t("clear"), children: /* @__PURE__ */ jsx(SvgIconClose, { className: "color-gray", style: {
+      width: 12,
+      height: 12
+    } }) }),
+    !isVariant && /* @__PURE__ */ jsx(SearchButton, { type: "submit", "aria-label": t("search"), icon: /* @__PURE__ */ jsx(SvgIconSearch, {}), className: "border-start-0", onClick: handleClick, disabled: buttonDisabled })
+  ] });
+};
+export {
+  SearchBar as default
+};

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -1 +1,33 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{Segmented}from"antd";var SegmentedControl=forwardRef(({options,value,onChange,variant=`default`,className,...htmlProps},ref)=>jsx(Segmented,{options:options.map(option=>({...option,label:jsxs(`span`,{className:`d-flex align-items-center gap-8`,"data-testid":`segmented-option-${option.value}`,children:[option.label,option.badge]})})),value,onChange,ref,className:clsx$1(className,{ghost:variant===`ghost`}),...htmlProps}));export{SegmentedControl as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Segmented } from "antd";
+import clsx from "clsx";
+import { forwardRef } from "react";
+const SegmentedControl = /* @__PURE__ */ forwardRef(({
+  options,
+  value,
+  onChange,
+  variant = "default",
+  className,
+  ...htmlProps
+}, ref) => {
+  const transformedOptions = options.map((option) => ({
+    ...option,
+    label: /* @__PURE__ */ jsxs("span", { className: "d-flex align-items-center gap-8", "data-testid": `segmented-option-${option.value}`, children: [
+      option.label,
+      option.badge
+    ] })
+  })), classNames = clsx(className, {
+    ghost: variant === "ghost"
+  }), antProps = {
+    options: transformedOptions,
+    value,
+    onChange,
+    ref,
+    className: classNames,
+    ...htmlProps
+  };
+  return /* @__PURE__ */ jsx(Segmented, { ...antProps });
+});
+export {
+  SegmentedControl as default
+};

package/dist/components/Select/Select.js

@@ -1 +1,46 @@
-import Dropdown from"../Dropdown/Dropdown.js";import SelectTrigger from"./SelectTrigger.js";import{useEffect,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var Select=({selectedValue,icon,options,overflow,block,variant,size,disabled,placeholderOption,onValueChange,defaultValue})=>{let[localValue,setLocalValue]=useState(),{t}=useTranslation();useEffect(()=>{selectedValue!==void 0&&setLocalValue(selectedValue)},[selectedValue]),useEffect(()=>{if(localValue){let value=typeof localValue==`object`?localValue.value:localValue;onValueChange?.(value)}},[localValue]),useEffect(()=>{if(defaultValue){let foundOption=options.find(option=>(typeof option==`object`?option.value:option)===defaultValue);foundOption!==void 0&&setLocalValue(foundOption)}},[]);let label=typeof localValue==`object`?localValue.label:localValue;return jsxs(Dropdown,{overflow,block,children:[jsx(SelectTrigger,{icon:(typeof localValue==`object`?localValue.icon:void 0)||icon,label:jsx(`span`,{className:`text-truncate`,children:t(label||placeholderOption)}),variant,size,disabled}),jsx(Dropdown.Menu,{role:`listbox`,children:options?.map(option=>{let value=typeof option==`object`?option.value:option,label=typeof option==`object`?option.label:option,icon=typeof option==`object`?option.icon:void 0;return jsx(Dropdown.Item,{type:`action`,onClick:()=>setLocalValue(option),icon,children:label},value)})})]})};export{Select as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import Dropdown from "../Dropdown/Dropdown.js";
+import SelectTrigger from "./SelectTrigger.js";
+const Select = ({
+  selectedValue,
+  icon,
+  options,
+  overflow,
+  block,
+  variant,
+  size,
+  disabled,
+  placeholderOption,
+  onValueChange,
+  defaultValue
+}) => {
+  const [localValue, setLocalValue] = useState(), {
+    t
+  } = useTranslation();
+  useEffect(() => {
+    selectedValue !== void 0 && setLocalValue(selectedValue);
+  }, [selectedValue]), useEffect(() => {
+    if (localValue) {
+      const value = typeof localValue == "object" ? localValue.value : localValue;
+      onValueChange == null || onValueChange(value);
+    }
+  }, [localValue]), useEffect(() => {
+    if (defaultValue) {
+      const foundOption = options.find((option) => (typeof option == "object" ? option.value : option) === defaultValue);
+      foundOption !== void 0 && setLocalValue(foundOption);
+    }
+  }, []);
+  const label = typeof localValue == "object" ? localValue.label : localValue, iconChange = typeof localValue == "object" ? localValue.icon : void 0;
+  return /* @__PURE__ */ jsxs(Dropdown, { overflow, block, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { icon: iconChange || icon, label: /* @__PURE__ */ jsx("span", { className: "text-truncate", children: t(label || placeholderOption) }), variant, size, disabled }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { role: "listbox", children: options == null ? void 0 : options.map((option) => {
+      const value = typeof option == "object" ? option.value : option, label2 = typeof option == "object" ? option.label : option, icon2 = typeof option == "object" ? option.icon : void 0;
+      return /* @__PURE__ */ jsx(Dropdown.Item, { type: "action", onClick: () => setLocalValue(option), icon: icon2, children: label2 }, value);
+    }) })
+  ] });
+};
+export {
+  Select as default
+};

package/dist/components/Select/SelectTrigger.js

@@ -1 +1,6 @@
-import Dropdown from"../Dropdown/Dropdown.js";import{jsx}from"react/jsx-runtime";var SelectTrigger=props=>jsx(Dropdown.Trigger,{...props,"aria-haspopup":`listbox`,role:`combobox`});export{SelectTrigger as default};
+import { jsx } from "react/jsx-runtime";
+import Dropdown from "../Dropdown/Dropdown.js";
+const SelectTrigger = (props) => /* @__PURE__ */ jsx(Dropdown.Trigger, { ...props, "aria-haspopup": "listbox", role: "combobox" });
+export {
+  SelectTrigger as default
+};