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

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

@@ -1,18 +1 @@
-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
-};
+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};

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

@@ -1,18 +1 @@
-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
-};
+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};

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

@@ -1,15 +1 @@
-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
-};
+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};

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

@@ -1,12 +1 @@
-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
-};
+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};

package/dist/components/Pagination/Pagination.js

@@ -1,14 +1 @@
-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
-};
+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};

package/dist/components/Popover/Popover.js

@@ -1,52 +1 @@
-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
-};
+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};

package/dist/components/PreventPropagation/PreventPropagation.js

@@ -1,9 +1 @@
-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
-};
+import{jsx}from"react/jsx-runtime";var PreventPropagation=Object.assign(({children})=>jsx(`div`,{onClick:e=>{e.stopPropagation()},children}),{});export{PreventPropagation as default};

package/dist/components/PromotionCard/PromotionCard.js

@@ -1,31 +1 @@
-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
-};
+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};

package/dist/components/PromotionCard/PromotionCardBody.js

@@ -1,15 +1 @@
-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
-};
+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};

package/dist/components/PromotionCard/PromotionCardDescription.js

@@ -1,12 +1 @@
-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
-};
+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};

package/dist/components/PromotionCard/PromotionCardFooter.js

@@ -1,12 +1 @@
-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
-};
+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};

package/dist/components/PromotionCard/PromotionCardHeader.js

@@ -1,17 +1 @@
-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
-};
+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};

package/dist/components/PromotionCard/PromotionCardIcon.js

@@ -1,15 +1 @@
-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
-};
+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};

package/dist/components/PromotionCard/PromotionCardTitle.js

@@ -1,12 +1 @@
-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
-};
+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};

package/dist/components/Radio/Radio.js

@@ -1,31 +1 @@
-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
-};
+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};

package/dist/components/RadioCard/RadioCard.js

@@ -1,32 +1 @@
-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
-};
+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};

package/dist/components/SearchBar/SearchBar.js

@@ -1,54 +1 @@
-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
-};
+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};

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -1,33 +1 @@
-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
-};
+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};

package/dist/components/Select/Select.js

@@ -1,46 +1 @@
-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
-};
+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};

package/dist/components/Select/SelectTrigger.js

@@ -1,6 +1 @@
-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
-};
+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};

package/dist/components/Skeleton/ButtonSkeleton.d.ts

@@ -4,6 +4,15 @@ export interface ButtonSkeletonProps {
     color?: ButtonColors;
     size?: ButtonSizes;
 }
+/**
+ * @deprecated This component is deprecated and will be removed in future
+ * versions. Please use the Skeleton primitive instead:
+ * `<Skeleton variant="pill" width={…} height={…} />`.
+ *
+ * It renders a disabled Button so that a decorative placeholder ends up in the
+ * focus and accessibility tree, and its grey comes from the legacy `gray-400`
+ * scale rather than the `grey-300` design token.
+ */
 declare const ButtonSkeleton: {
     ({ className, color, size, }: ButtonSkeletonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/Skeleton/ButtonSkeleton.js

@@ -1,16 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import Button from "../Button/Button.js";
-const ButtonSkeleton = ({
-  className,
-  color = "tertiary",
-  size = "md"
-}) => {
-  const classN = clsx("placeholder", className, {
-    "bg-gray-400": color === "tertiary"
-  });
-  return /* @__PURE__ */ jsx(Button, { className: classN, color, variant: "filled", size, disabled: !0 });
-};
-export {
-  ButtonSkeleton as default
-};
+import Button from"../Button/Button.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var ButtonSkeleton=({className,color=`tertiary`,size=`md`})=>jsx(Button,{className:clsx$1(`placeholder`,className,{"bg-gray-400":color===`tertiary`}),color,variant:`filled`,size,disabled:!0});export{ButtonSkeleton as default};

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,57 @@
+export type SkeletonVariant = 'text' | 'circle' | 'pill' | 'block';
+export type SkeletonTone = 'default' | 'strong';
+export type SkeletonAnimation = 'static' | 'pulse' | 'shimmer';
+export interface SkeletonProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
+    /**
+     * Geometry of the block.
+     * `text` and `block` use the `sm` radius, `circle` is a perfect circle whose
+     * missing dimension mirrors the provided one, `pill` is fully rounded.
+     */
+    variant?: SkeletonVariant;
+    /**
+     * Grey level.
+     * `default` (grey/300) stands for text slots, `strong` (grey/500) for media
+     * slots such as avatars and thumbnails.
+     */
+    tone?: SkeletonTone;
+    /**
+     * Loading animation, `pulse` by default. Always suppressed when the user asked
+     * for reduced motion, whatever the value passed here.
+     *
+     * Whatever the animation, the block only shows up after a short delay
+     * (200 ms), so a fast load never flashes a skeleton. The delay can be changed
+     * through the `--skeleton-delay` custom property.
+     */
+    animation?: SkeletonAnimation;
+    /**
+     * Width of the block, a number being read as pixels. Left out, the stylesheet
+     * fills the parent so an unsized block never collapses.
+     *
+     * Prefer sizing a component variant through a class: passing dimensions here
+     * puts them in a style attribute, away from the component geometry they are
+     * derived from.
+     */
+    width?: number | string;
+    /**
+     * Height of the block, a number being read as pixels. Same caveat as `width`.
+     */
+    height?: number | string;
+    /**
+     * Optional class for styling purpose
+     */
+    className?: string;
+}
+/**
+ * Geometric placeholder standing in for a piece of content while it loads.
+ *
+ * The primitive carries no loading logic and no children: a component declares
+ * its own skeleton variant by reusing its real layout and swapping each content
+ * slot for one of these blocks, which is what keeps the placeholder free of
+ * layout shift.
+ *
+ * It is decorative and hidden from assistive technologies. The component
+ * assembling the blocks owns `role="status"` and `aria-busy`, so the loading
+ * state is announced once instead of once per block.
+ */
+declare const Skeleton: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default Skeleton;

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1 @@
+import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var toCssSize=value=>typeof value==`number`?`${value}px`:value,Skeleton=forwardRef(({variant=`text`,tone=`default`,animation=`pulse`,width,height,className,style,...restProps},ref)=>jsx(`div`,{ref,className:clsx$1(`skeleton`,`skeleton-${variant}`,{"skeleton-strong":tone===`strong`,"skeleton-pulse":animation===`pulse`,"skeleton-shimmer":animation===`shimmer`},className),style:width!==void 0||height!==void 0||style?{width:toCssSize(width),height:toCssSize(height),...style}:void 0,...restProps,"aria-hidden":`true`}));export{Skeleton as default};

package/dist/components/Skeleton/TextSkeleton.d.ts

@@ -3,6 +3,14 @@ export interface TextSkeletonProps {
     className?: string;
     size?: TextSkeletonSizes;
 }
+/**
+ * @deprecated This component is deprecated and will be removed in future
+ * versions. Please use the Skeleton primitive instead:
+ * `<Skeleton variant="text" width={…} height={…} />`.
+ *
+ * It relies on the Bootstrap `.placeholder` class, whose animation cannot be
+ * turned off and which ignores `prefers-reduced-motion`.
+ */
 declare const TextSkeleton: {
     ({ className, size }: TextSkeletonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;