@tedi-design-system/react 19.1.0-rc.19 → 19.1.0-rc.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.1.0-rc.19",
+  "version": "19.1.0-rc.20",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,

package/src/community/components/accordion/accordion.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("../../../../external/classnames/index.cjs.js"),i=require("react"),y=require("./accordion.module.scss.cjs.js"),A=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),s=i.createContext({isOpen:()=>!0,onToggle:()=>null}),C=c=>{const{children:u,className:l,openItem:n,gutter:a=.5,onToggleItem:t,defaultOpenItem:d=[],...m}=c,f=n||d,[g,p]=i.useState(f),x=(e=c.openItem)=>!!t&&typeof e<"u",I=e=>{if(t)return t(e);x(n)||p(o=>o.includes(e)?o.filter(q=>q!==e):[...o,e])},O=()=>t&&typeof n<"u"?n:g,j=e=>O().includes(e);return r.jsx(s.Provider,{value:{isOpen:j,onToggle:I},children:r.jsx("div",{"data-name":"accordion",...m,className:S.default(y.default.accordion,l),children:r.jsx(A.VerticalSpacing,{size:a,children:u})})})};exports.Accordion=C;exports.AccordionContext=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),O=require("../../../../external/classnames/index.cjs.js"),i=require("react"),j=require("../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),C=require("./accordion.module.scss.cjs.js"),S=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),s=i.createContext({isOpen:()=>!0,onToggle:()=>null}),T=c=>{j.warnDeprecated("Community Accordion","Use the TEDI-Ready `Accordion` from `@tedi-design-system/react/tedi` instead.");const{children:d,className:u,openItem:t,gutter:a=.5,onToggleItem:n,defaultOpenItem:l=[],...m}=c,f=t||l,[g,p]=i.useState(f),x=(e=c.openItem)=>!!n&&typeof e<"u",I=e=>{if(n)return n(e);x(t)||p(o=>o.includes(e)?o.filter(A=>A!==e):[...o,e])},y=()=>n&&typeof t<"u"?t:g,q=e=>y().includes(e);return r.jsx(s.Provider,{value:{isOpen:q,onToggle:I},children:r.jsx("div",{"data-name":"accordion",...m,className:O.default(C.default.accordion,u),children:r.jsx(S.VerticalSpacing,{size:a,children:d})})})};exports.Accordion=T;exports.AccordionContext=s;

package/src/community/components/accordion/accordion.es.js

@@ -1,20 +1,25 @@
 import { jsx as r } from "react/jsx-runtime";
-import y from "../../../../external/classnames/index.es.js";
-import c from "react";
+import x from "../../../../external/classnames/index.es.js";
+import s from "react";
+import { warnDeprecated as A } from "../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
 import C from "./accordion.module.scss.es.js";
-import { VerticalSpacing as N } from "../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
-const T = c.createContext({
+import { VerticalSpacing as T } from "../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
+const N = s.createContext({
   isOpen: () => !0,
   onToggle: () => null
-}), v = (s) => {
-  const { children: i, className: l, openItem: t, gutter: m = 0.5, onToggleItem: n, defaultOpenItem: a = [], ...u } = s, d = t || a, [f, p] = c.useState(d), g = (e = s.openItem) => !!n && typeof e < "u", I = (e) => {
+}), v = (c) => {
+  A(
+    "Community Accordion",
+    "Use the TEDI-Ready `Accordion` from `@tedi-design-system/react/tedi` instead."
+  );
+  const { children: i, className: m, openItem: t, gutter: a = 0.5, onToggleItem: n, defaultOpenItem: d = [], ...l } = c, u = t || d, [f, p] = s.useState(u), g = (e = c.openItem) => !!n && typeof e < "u", I = (e) => {
     if (n)
       return n(e);
     g(t) || p((o) => o.includes(e) ? o.filter((h) => h !== e) : [...o, e]);
-  }, O = () => n && typeof t < "u" ? t : f, x = (e) => O().includes(e);
-  return /* @__PURE__ */ r(T.Provider, { value: { isOpen: x, onToggle: I }, children: /* @__PURE__ */ r("div", { "data-name": "accordion", ...u, className: y(C.accordion, l), children: /* @__PURE__ */ r(N, { size: m, children: i }) }) });
+  }, y = () => n && typeof t < "u" ? t : f, O = (e) => y().includes(e);
+  return /* @__PURE__ */ r(N.Provider, { value: { isOpen: O, onToggle: I }, children: /* @__PURE__ */ r("div", { "data-name": "accordion", ...l, className: x(C.accordion, m), children: /* @__PURE__ */ r(T, { size: a, children: i }) }) });
 };
 export {
   v as Accordion,
-  T as AccordionContext
+  N as AccordionContext
 };

package/src/community/components/card/card-notification/card-notification.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),s=require("../../../../tedi/components/notifications/alert/alert.cjs.js"),l=require("../card-content/card-content.cjs.js"),e=require("./card-notification.module.scss.cjs.js"),u=n=>{const{children:i,padding:a,className:r,...o}=n,c=d.default(e.default.card__notification,r);return t.jsx(l.CardContent,{"data-name":"card-notification",padding:a,className:e.default["card__notification-content"],children:t.jsx(s.Alert,{className:c,...o,children:i})})};exports.CardNotification=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),s=require("../../../../tedi/components/notifications/alert/alert.cjs.js"),u=require("../../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),l=require("../card-content/card-content.cjs.js"),e=require("./card-notification.module.scss.cjs.js"),f=i=>{u.warnDeprecated("Community CardNotification","Use `CardNotification` from `@tedi-design-system/react/tedi` instead.");const{children:a,padding:n,className:r,...o}=i,c=d.default(e.default.card__notification,r);return t.jsx(l.CardContent,{"data-name":"card-notification",padding:n,className:e.default["card__notification-content"],children:t.jsx(s.Alert,{className:c,...o,children:a})})};exports.CardNotification=f;

package/src/community/components/card/card-notification/card-notification.es.js

@@ -1,12 +1,14 @@
 import { jsx as t } from "react/jsx-runtime";
-import s from "../../../../../external/classnames/index.es.js";
-import { Alert as e } from "../../../../tedi/components/notifications/alert/alert.es.js";
-import { CardContent as d } from "../card-content/card-content.es.js";
-import o from "./card-notification.module.scss.es.js";
-const C = (r) => {
-  const { children: a, padding: i, className: n, ...c } = r, m = s(o.card__notification, n);
-  return /* @__PURE__ */ t(d, { "data-name": "card-notification", padding: i, className: o["card__notification-content"], children: /* @__PURE__ */ t(e, { className: m, ...c, children: a }) });
+import m from "../../../../../external/classnames/index.es.js";
+import { Alert as s } from "../../../../tedi/components/notifications/alert/alert.es.js";
+import { warnDeprecated as d } from "../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { CardContent as f } from "../card-content/card-content.es.js";
+import i from "./card-notification.module.scss.es.js";
+const g = (o) => {
+  d("Community CardNotification", "Use `CardNotification` from `@tedi-design-system/react/tedi` instead.");
+  const { children: r, padding: a, className: n, ...e } = o, c = m(i.card__notification, n);
+  return /* @__PURE__ */ t(f, { "data-name": "card-notification", padding: a, className: i["card__notification-content"], children: /* @__PURE__ */ t(s, { className: c, ...e, children: r }) });
 };
 export {
-  C as CardNotification
+  g as CardNotification
 };

package/src/community/components/dropdown/dropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),B=require("../../../../external/classnames/index.cjs.js"),c=require("react"),K=require("../button/button.cjs.js"),a=require("./dropdown.module.scss.cjs.js"),T=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),H=require("../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),D=require("../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),$=d=>{const{getLabel:F}=T.useLabels(),{button:_,items:u,onItemClick:l,closeMenuOnClick:h=!0,...q}=d,{initialFocus:v=-1,modal:f=!1,...p}=d.focusManager??{},{visuallyHiddenDismiss:j=f?F("close"):!1}=p??{},R=o.useFloatingNodeId(),g=c.useRef([]),[b,i]=c.useState(!1),[x,M]=c.useState(null),{x:y,y:C,strategy:N,refs:w,placement:O,context:r}=o.useFloating({placement:"bottom-start",nodeId:R,open:b,onOpenChange:i,middleware:[D.flip(),D.shift()],whileElementsMounted:H.autoUpdate}),P=u.findIndex(e=>e.isActive),{getReferenceProps:S,getFloatingProps:L,getItemProps:U}=o.useInteractions([o.useClick(r),o.useListNavigation(r,{listRef:g,activeIndex:x,selectedIndex:P,onNavigate:M,loop:!0}),o.useRole(r,{role:"listbox"}),o.useDismiss(r)]),A=()=>{const e=s.jsx(o.FloatingFocusManager,{context:r,initialFocus:v,visuallyHiddenDismiss:j,modal:f,...p,children:s.jsx("div",{...L({ref:w.setFloating,style:{position:N,left:y??0,top:C??0},className:a.default.dropdown,onKeyDown(t){t.key==="Tab"&&i(!1)}}),"data-placement":O,children:u.map((t,n)=>k(t,n))})});return b?e:null},E=e=>B.default(a.default.dropdown__item,{[a.default["dropdown__item--active"]]:e.isActive,[a.default["dropdown__item--disabled"]]:e.isDisabled}),I=(e,t,n)=>{var m;l==null||l(e,t,n),(m=e==null?void 0:e.onClick)==null||m.call(e,n),h&&i(!1)},k=(e,t)=>s.jsx("button",{...U({disabled:e.isDisabled,tabIndex:x===t?0:-1,role:"option",className:E(e),onClick:n=>I(e,t,n),onKeyDown(n){n.key==="Enter"&&I(e,t,n)},ref(n){g.current[t]=n}}),children:e.children},t);return s.jsxs(s.Fragment,{children:[s.jsx(K.Button,{"data-name":"dropdown",...q,..._,...S({ref:w.setReference,tabIndex:0})}),s.jsx(o.FloatingPortal,{children:A()})]})};exports.Dropdown=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),B=require("../../../../external/classnames/index.cjs.js"),l=require("react"),K=require("../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),T=require("../button/button.cjs.js"),a=require("./dropdown.module.scss.cjs.js"),H=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),$=require("../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),I=require("../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),z=c=>{K.warnDeprecated("Community Dropdown","Use `Dropdown` from `@tedi-design-system/react/tedi` instead.");const{getLabel:q}=H.useLabels(),{button:F,items:u,onItemClick:i,closeMenuOnClick:_=!0,...h}=c,{initialFocus:v=-1,modal:f=!1,...p}=c.focusManager??{},{visuallyHiddenDismiss:j=f?q("close"):!1}=p??{},y=o.useFloatingNodeId(),g=l.useRef([]),[w,d]=l.useState(!1),[b,R]=l.useState(null),{x:M,y:C,strategy:N,refs:x,placement:O,context:r}=o.useFloating({placement:"bottom-start",nodeId:y,open:w,onOpenChange:d,middleware:[I.flip(),I.shift()],whileElementsMounted:$.autoUpdate}),P=u.findIndex(e=>e.isActive),{getReferenceProps:S,getFloatingProps:U,getItemProps:L}=o.useInteractions([o.useClick(r),o.useListNavigation(r,{listRef:g,activeIndex:b,selectedIndex:P,onNavigate:R,loop:!0}),o.useRole(r,{role:"listbox"}),o.useDismiss(r)]),A=()=>{const e=s.jsx(o.FloatingFocusManager,{context:r,initialFocus:v,visuallyHiddenDismiss:j,modal:f,...p,children:s.jsx("div",{...U({ref:x.setFloating,style:{position:N,left:M??0,top:C??0},className:a.default.dropdown,onKeyDown(t){t.key==="Tab"&&d(!1)}}),"data-placement":O,children:u.map((t,n)=>k(t,n))})});return w?e:null},E=e=>B.default(a.default.dropdown__item,{[a.default["dropdown__item--active"]]:e.isActive,[a.default["dropdown__item--disabled"]]:e.isDisabled}),m=(e,t,n)=>{var D;i==null||i(e,t,n),(D=e==null?void 0:e.onClick)==null||D.call(e,n),_&&d(!1)},k=(e,t)=>s.jsx("button",{...L({disabled:e.isDisabled,tabIndex:b===t?0:-1,role:"option",className:E(e),onClick:n=>m(e,t,n),onKeyDown(n){n.key==="Enter"&&m(e,t,n)},ref(n){g.current[t]=n}}),children:e.children},t);return s.jsxs(s.Fragment,{children:[s.jsx(T.Button,{"data-name":"dropdown",...h,...F,...S({ref:x.setReference,tabIndex:0})}),s.jsx(o.FloatingPortal,{children:A()})]})};exports.Dropdown=z;

package/src/community/components/dropdown/dropdown.es.js

@@ -1,27 +1,29 @@
 import { jsxs as B, Fragment as K, jsx as s } from "react/jsx-runtime";
-import { useFloatingNodeId as H, useFloating as T, useInteractions as U, useClick as q, useListNavigation as z, useRole as G, useDismiss as J, FloatingPortal as Q, FloatingFocusManager as V } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { useFloatingNodeId as U, useFloating as H, useInteractions as T, useClick as q, useListNavigation as z, useRole as G, useDismiss as J, FloatingPortal as Q, FloatingFocusManager as V } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import W from "../../../../external/classnames/index.es.js";
-import i from "react";
-import { Button as X } from "../button/button.es.js";
+import l from "react";
+import { warnDeprecated as X } from "../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { Button as Y } from "../button/button.es.js";
 import r from "./dropdown.module.scss.es.js";
-import { useLabels as Y } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import { autoUpdate as Z } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { flip as $, shift as ee } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-const de = (c) => {
-  const { getLabel: x } = Y(), { button: D, items: d, onItemClick: a, closeMenuOnClick: F = !0, ...h } = c, { initialFocus: v = -1, modal: p = !1, ...f } = c.focusManager ?? {}, { visuallyHiddenDismiss: _ = p ? x("close") : !1 } = f ?? {}, R = H(), u = i.useRef([]), [m, l] = i.useState(!1), [g, M] = i.useState(null), { x: N, y, strategy: C, refs: I, placement: O, context: n } = T({
+import { useLabels as Z } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import { autoUpdate as $ } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { flip as ee, shift as oe } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+const fe = (d) => {
+  X("Community Dropdown", "Use `Dropdown` from `@tedi-design-system/react/tedi` instead.");
+  const { getLabel: x } = Z(), { button: D, items: c, onItemClick: a, closeMenuOnClick: F = !0, ...h } = d, { initialFocus: v = -1, modal: p = !1, ...f } = d.focusManager ?? {}, { visuallyHiddenDismiss: _ = p ? x("close") : !1 } = f ?? {}, y = U(), m = l.useRef([]), [u, i] = l.useState(!1), [g, R] = l.useState(null), { x: C, y: M, strategy: N, refs: w, placement: O, context: n } = H({
     placement: "bottom-start",
-    nodeId: R,
-    open: m,
-    onOpenChange: l,
-    middleware: [$(), ee()],
-    whileElementsMounted: Z
-  }), P = d.findIndex((e) => e.isActive), { getReferenceProps: A, getFloatingProps: E, getItemProps: L } = U([
+    nodeId: y,
+    open: u,
+    onOpenChange: i,
+    middleware: [ee(), oe()],
+    whileElementsMounted: $
+  }), P = c.findIndex((e) => e.isActive), { getReferenceProps: A, getFloatingProps: E, getItemProps: L } = T([
     q(n),
     z(n, {
-      listRef: u,
+      listRef: m,
       activeIndex: g,
       selectedIndex: P,
-      onNavigate: M,
+      onNavigate: R,
       loop: !0
     }),
     G(n, { role: "listbox" }),
@@ -39,30 +41,30 @@ const de = (c) => {
           "div",
           {
             ...E({
-              ref: I.setFloating,
+              ref: w.setFloating,
               style: {
-                position: C,
-                left: N ?? 0,
-                top: y ?? 0
+                position: N,
+                left: C ?? 0,
+                top: M ?? 0
               },
               className: r.dropdown,
               onKeyDown(o) {
-                o.key === "Tab" && l(!1);
+                o.key === "Tab" && i(!1);
               }
             }),
             "data-placement": O,
-            children: d.map((o, t) => k(o, t))
+            children: c.map((o, t) => k(o, t))
           }
         )
       }
     );
-    return m ? e : null;
+    return u ? e : null;
   }, j = (e) => W(r.dropdown__item, {
     [r["dropdown__item--active"]]: e.isActive,
     [r["dropdown__item--disabled"]]: e.isDisabled
-  }), b = (e, o, t) => {
-    var w;
-    a == null || a(e, o, t), (w = e == null ? void 0 : e.onClick) == null || w.call(e, t), F && l(!1);
+  }), I = (e, o, t) => {
+    var b;
+    a == null || a(e, o, t), (b = e == null ? void 0 : e.onClick) == null || b.call(e, t), F && i(!1);
   }, k = (e, o) => /* @__PURE__ */ s(
     "button",
     {
@@ -71,12 +73,12 @@ const de = (c) => {
         tabIndex: g === o ? 0 : -1,
         role: "option",
         className: j(e),
-        onClick: (t) => b(e, o, t),
+        onClick: (t) => I(e, o, t),
         onKeyDown(t) {
-          t.key === "Enter" && b(e, o, t);
+          t.key === "Enter" && I(e, o, t);
         },
         ref(t) {
-          u.current[o] = t;
+          m.current[o] = t;
         }
       }),
       children: e.children
@@ -85,13 +87,13 @@ const de = (c) => {
   );
   return /* @__PURE__ */ B(K, { children: [
     /* @__PURE__ */ s(
-      X,
+      Y,
       {
         "data-name": "dropdown",
         ...h,
         ...D,
         ...A({
-          ref: I.setReference,
+          ref: w.setReference,
           tabIndex: 0
         })
       }
@@ -100,5 +102,5 @@ const de = (c) => {
   ] });
 };
 export {
-  de as Dropdown
+  fe as Dropdown
 };

package/src/community/components/form/file-upload/file-upload.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),z=require("../../../../../external/classnames/index.cjs.js"),g=require("react"),A=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),I=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),O=require("../../../../tedi/components/tags/tag/tag.cjs.js"),D=require("../../button/button.cjs.js"),c=require("./file-upload.module.scss.cjs.js"),P=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),W=require("../../card/card.cjs.js"),Y=require("../../card/card-content/card-content.cjs.js"),G=require("../../../../tedi/components/layout/grid/row.cjs.js"),M=require("../../../../tedi/components/layout/grid/col.cjs.js"),J=({accept:a,maxSize:i},n)=>{if(!a&&!i)return;const s=[a&&`${n("file-upload.accept")} ${a.replaceAll(",",", ")}`,i&&`${n("file-upload.max-size")} ${i}MB`].filter(Boolean).join(". ");return s.length?{text:s}:void 0},K=(a,i)=>{const n=a.reduce((s,{type:r,file:p})=>(s[r].push(p.name),s),{extension:[],size:[]});return Object.entries(n).filter(([s,r])=>r.length).map(([s,r])=>{const p=r.map(y=>`'${y}'`).join(", ");return i(`file-upload.${s}-rejected`,p)}).join(". ")},Q=a=>{const{getLabel:i}=P.useLabels(),{id:n,name:s,accept:r,multiple:p,onChange:o,className:y,defaultFiles:N,onDelete:F,files:f,readOnly:b,disabled:m=!1,maxSize:h,helper:d=J({accept:r,maxSize:h},i),...$}=a,q=d?(d==null?void 0:d.id)??`${n}-helper`:void 0,[k,L]=g.useState(!1),[_,T]=g.useState(N||[]),[C,w]=g.useState(),U=z.default(c.default["file-upload"],{[c.default["file-upload-disabled"]]:m}),B=e=>{var x;if(!r)return!0;const l=(r==null?void 0:r.replace(/,/g,"").split("."))||[],u=(x=e.name.split(".").pop())==null?void 0:x.toLowerCase();return!!u&&l.includes(u)},v=g.useMemo(()=>f&&o?f:_,[f,_,o]),H=e=>{if(e.target.files){const l=[],u=[...Array.from(e.target.files)].filter(j=>B(j)?!0:(l.push({type:"extension",file:j}),!1)).filter(j=>!h||j.size<=h*1048576?!0:(l.push({type:"size",file:j}),!1)),x=[...v,...u];typeof f>"u"&&T(x),o==null||o(x),e.target.value="",l.length?w({type:"error",text:K(l,i)}):w(void 0)}},R=e=>{const l=[...v].filter(u=>u!==e);F&&F(e),typeof f>"u"&&T(l),o==null||o(l)},S=(e,l)=>t.jsx("li",{children:t.jsx(O.Tag,{color:"secondary",onClose:!e.isLoading&&!m&&!b?()=>R(e):void 0,isLoading:e.isLoading,children:e.name})},l),E=()=>t.jsx("ul",{className:c.default["file-upload__items"],children:v.map((e,l)=>S(e,l))});return t.jsxs("div",{children:[t.jsx("div",{onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),className:c.default["file-upload__label-wrapper"],children:t.jsx(I.FormLabel,{id:n,...$,renderWithoutLabel:b,className:c.default["file-upload__label"]})}),b?E():t.jsx(W.Card,{padding:.5,background:m?"bg-disabled":void 0,className:c.default["file-upload__card"],children:t.jsx(Y.CardContent,{children:t.jsxs(G.Row,{gutterY:2,children:[t.jsx(M.Col,{children:E()}),t.jsx(M.Col,{xs:12,md:"auto",align:"center",children:t.jsxs("div",{className:U,children:[t.jsx("input",{id:n,type:"file",name:s,accept:r,onChange:H,multiple:p,disabled:m}),t.jsx(D.Button,{visualType:"link",iconLeft:"file_upload","aria-describedby":q,isActive:k,disabled:m,onClick:()=>{var e;return(e=document.getElementById(n))==null?void 0:e.click()},children:i("file-upload.add")})]})})]})})}),(C||d)&&t.jsx(A.FeedbackText,{...C||d,id:q})]})};exports.FileUpload=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("../../../../../external/classnames/index.cjs.js"),j=require("react"),z=require("../../../../tedi/components/form/feedback-text/feedback-text.cjs.js"),A=require("../../../../tedi/components/form/form-label/form-label.cjs.js"),I=require("../../../../tedi/components/tags/tag/tag.cjs.js"),O=require("../../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),P=require("../../button/button.cjs.js"),c=require("./file-upload.module.scss.cjs.js"),W=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),Y=require("../../card/card.cjs.js"),G=require("../../card/card-content/card-content.cjs.js"),J=require("../../../../tedi/components/layout/grid/row.cjs.js"),E=require("../../../../tedi/components/layout/grid/col.cjs.js"),K=({accept:a,maxSize:i},n)=>{if(!a&&!i)return;const s=[a&&`${n("file-upload.accept")} ${a.replaceAll(",",", ")}`,i&&`${n("file-upload.max-size")} ${i}MB`].filter(Boolean).join(". ");return s.length?{text:s}:void 0},Q=(a,i)=>{const n=a.reduce((s,{type:r,file:p})=>(s[r].push(p.name),s),{extension:[],size:[]});return Object.entries(n).filter(([s,r])=>r.length).map(([s,r])=>{const p=r.map(F=>`'${F}'`).join(", ");return i(`file-upload.${s}-rejected`,p)}).join(". ")},V=a=>{O.warnDeprecated("Community FileUpload","Use `FileUpload` from `@tedi-design-system/react/tedi` instead.");const{getLabel:i}=W.useLabels(),{id:n,name:s,accept:r,multiple:p,onChange:o,className:F,defaultFiles:M,onDelete:v,files:f,readOnly:b,disabled:m=!1,maxSize:h,helper:d=K({accept:r,maxSize:h},i),...N}=a,q=d?(d==null?void 0:d.id)??`${n}-helper`:void 0,[$,L]=j.useState(!1),[_,w]=j.useState(M||[]),[C,T]=j.useState(),k=S.default(c.default["file-upload"],{[c.default["file-upload-disabled"]]:m}),B=e=>{var x;if(!r)return!0;const l=(r==null?void 0:r.replace(/,/g,"").split("."))||[],u=(x=e.name.split(".").pop())==null?void 0:x.toLowerCase();return!!u&&l.includes(u)},y=j.useMemo(()=>f&&o?f:_,[f,_,o]),H=e=>{if(e.target.files){const l=[],u=[...Array.from(e.target.files)].filter(g=>B(g)?!0:(l.push({type:"extension",file:g}),!1)).filter(g=>!h||g.size<=h*1048576?!0:(l.push({type:"size",file:g}),!1)),x=[...y,...u];typeof f>"u"&&w(x),o==null||o(x),e.target.value="",l.length?T({type:"error",text:Q(l,i)}):T(void 0)}},D=e=>{const l=[...y].filter(u=>u!==e);v&&v(e),typeof f>"u"&&w(l),o==null||o(l)},R=(e,l)=>t.jsx("li",{children:t.jsx(I.Tag,{color:"secondary",onClose:!e.isLoading&&!m&&!b?()=>D(e):void 0,isLoading:e.isLoading,children:e.name})},l),U=()=>t.jsx("ul",{className:c.default["file-upload__items"],children:y.map((e,l)=>R(e,l))});return t.jsxs("div",{children:[t.jsx("div",{onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),className:c.default["file-upload__label-wrapper"],children:t.jsx(A.FormLabel,{id:n,...N,renderWithoutLabel:b,className:c.default["file-upload__label"]})}),b?U():t.jsx(Y.Card,{padding:.5,background:m?"bg-disabled":void 0,className:c.default["file-upload__card"],children:t.jsx(G.CardContent,{children:t.jsxs(J.Row,{gutterY:2,children:[t.jsx(E.Col,{children:U()}),t.jsx(E.Col,{xs:12,md:"auto",align:"center",children:t.jsxs("div",{className:k,children:[t.jsx("input",{id:n,type:"file",name:s,accept:r,onChange:H,multiple:p,disabled:m}),t.jsx(P.Button,{visualType:"link",iconLeft:"file_upload","aria-describedby":q,isActive:$,disabled:m,onClick:()=>{var e;return(e=document.getElementById(n))==null?void 0:e.click()},children:i("file-upload.add")})]})})]})})}),(C||d)&&t.jsx(z.FeedbackText,{...C||d,id:q})]})};exports.FileUpload=V;

package/src/community/components/form/file-upload/file-upload.es.js

@@ -1,24 +1,25 @@
 import { jsxs as _, jsx as l } from "react/jsx-runtime";
-import D from "../../../../../external/classnames/index.es.js";
-import b from "react";
+import R from "../../../../../external/classnames/index.es.js";
+import y from "react";
 import { FeedbackText as O } from "../../../../tedi/components/form/feedback-text/feedback-text.es.js";
 import { FormLabel as S } from "../../../../tedi/components/form/form-label/form-label.es.js";
 import { Tag as W } from "../../../../tedi/components/tags/tag/tag.es.js";
-import { Button as Y } from "../../button/button.es.js";
+import { warnDeprecated as Y } from "../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import { Button as q } from "../../button/button.es.js";
 import c from "./file-upload.module.scss.es.js";
-import { useLabels as q } from "../../../../tedi/providers/label-provider/use-labels.es.js";
-import { Card as G } from "../../card/card.es.js";
-import { CardContent as J } from "../../card/card-content/card-content.es.js";
-import { Row as K } from "../../../../tedi/components/layout/grid/row.es.js";
-import { Col as M } from "../../../../tedi/components/layout/grid/col.es.js";
-const P = ({ accept: a, maxSize: i }, s) => {
+import { useLabels as G } from "../../../../tedi/providers/label-provider/use-labels.es.js";
+import { Card as J } from "../../card/card.es.js";
+import { CardContent as K } from "../../card/card-content/card-content.es.js";
+import { Row as P } from "../../../../tedi/components/layout/grid/row.es.js";
+import { Col as $ } from "../../../../tedi/components/layout/grid/col.es.js";
+const Q = ({ accept: a, maxSize: i }, s) => {
   if (!a && !i) return;
   const o = [
     a && `${s("file-upload.accept")} ${a.replaceAll(",", ", ")}`,
     i && `${s("file-upload.max-size")} ${i}MB`
   ].filter(Boolean).join(". ");
   return o.length ? { text: o } : void 0;
-}, Q = (a, i) => {
+}, V = (a, i) => {
   const s = a.reduce(
     (o, { type: r, file: u }) => (o[r].push(u.name), o),
     { extension: [], size: [] }
@@ -27,45 +28,46 @@ const P = ({ accept: a, maxSize: i }, s) => {
     const u = r.map((x) => `'${x}'`).join(", ");
     return i(`file-upload.${o}-rejected`, u);
   }).join(". ");
-}, pe = (a) => {
-  const { getLabel: i } = q(), {
+}, ue = (a) => {
+  Y("Community FileUpload", "Use `FileUpload` from `@tedi-design-system/react/tedi` instead.");
+  const { getLabel: i } = G(), {
     id: s,
     name: o,
     accept: r,
     multiple: u,
     onChange: n,
     className: x,
-    defaultFiles: k,
+    defaultFiles: M,
     onDelete: j,
-    files: f,
-    readOnly: v,
-    disabled: m = !1,
-    maxSize: y,
-    helper: d = P({ accept: r, maxSize: y }, i),
-    ...B
-  } = a, L = d ? (d == null ? void 0 : d.id) ?? `${s}-helper` : void 0, [H, N] = b.useState(!1), [E, T] = b.useState(k || []), [$, w] = b.useState(), U = D(c["file-upload"], { [c["file-upload-disabled"]]: m }), z = (e) => {
-    var h;
+    files: m,
+    readOnly: F,
+    disabled: f = !1,
+    maxSize: b,
+    helper: d = Q({ accept: r, maxSize: b }, i),
+    ...k
+  } = a, L = d ? (d == null ? void 0 : d.id) ?? `${s}-helper` : void 0, [B, N] = y.useState(!1), [w, C] = y.useState(M || []), [E, T] = y.useState(), H = R(c["file-upload"], { [c["file-upload-disabled"]]: f }), z = (e) => {
+    var g;
     if (!r)
       return !0;
-    const t = (r == null ? void 0 : r.replace(/,/g, "").split(".")) || [], p = (h = e.name.split(".").pop()) == null ? void 0 : h.toLowerCase();
+    const t = (r == null ? void 0 : r.replace(/,/g, "").split(".")) || [], p = (g = e.name.split(".").pop()) == null ? void 0 : g.toLowerCase();
     return !!p && t.includes(p);
-  }, F = b.useMemo(() => f && n ? f : E, [f, E, n]), A = (e) => {
+  }, v = y.useMemo(() => m && n ? m : w, [m, w, n]), A = (e) => {
     if (e.target.files) {
-      const t = [], p = [...Array.from(e.target.files)].filter((g) => z(g) ? !0 : (t.push({ type: "extension", file: g }), !1)).filter((g) => !y || g.size <= y * 1048576 ? !0 : (t.push({ type: "size", file: g }), !1)), h = [...F, ...p];
-      typeof f > "u" && T(h), n == null || n(h), e.target.value = "", t.length ? w({ type: "error", text: Q(t, i) }) : w(void 0);
+      const t = [], p = [...Array.from(e.target.files)].filter((h) => z(h) ? !0 : (t.push({ type: "extension", file: h }), !1)).filter((h) => !b || h.size <= b * 1048576 ? !0 : (t.push({ type: "size", file: h }), !1)), g = [...v, ...p];
+      typeof m > "u" && C(g), n == null || n(g), e.target.value = "", t.length ? T({ type: "error", text: V(t, i) }) : T(void 0);
     }
-  }, I = (e) => {
-    const t = [...F].filter((p) => p !== e);
-    j && j(e), typeof f > "u" && T(t), n == null || n(t);
-  }, R = (e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
+  }, D = (e) => {
+    const t = [...v].filter((p) => p !== e);
+    j && j(e), typeof m > "u" && C(t), n == null || n(t);
+  }, I = (e, t) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ l(
     W,
     {
       color: "secondary",
-      onClose: !e.isLoading && !m && !v ? () => I(e) : void 0,
+      onClose: !e.isLoading && !f && !F ? () => D(e) : void 0,
       isLoading: e.isLoading,
       children: e.name
     }
-  ) }, t), C = () => /* @__PURE__ */ l("ul", { className: c["file-upload__items"], children: F.map((e, t) => R(e, t)) });
+  ) }, t), U = () => /* @__PURE__ */ l("ul", { className: c["file-upload__items"], children: v.map((e, t) => I(e, t)) });
   return /* @__PURE__ */ _("div", { children: [
     /* @__PURE__ */ l(
       "div",
@@ -73,12 +75,12 @@ const P = ({ accept: a, maxSize: i }, s) => {
         onMouseEnter: () => N(!0),
         onMouseLeave: () => N(!1),
         className: c["file-upload__label-wrapper"],
-        children: /* @__PURE__ */ l(S, { id: s, ...B, renderWithoutLabel: v, className: c["file-upload__label"] })
+        children: /* @__PURE__ */ l(S, { id: s, ...k, renderWithoutLabel: F, className: c["file-upload__label"] })
       }
     ),
-    v ? C() : /* @__PURE__ */ l(G, { padding: 0.5, background: m ? "bg-disabled" : void 0, className: c["file-upload__card"], children: /* @__PURE__ */ l(J, { children: /* @__PURE__ */ _(K, { gutterY: 2, children: [
-      /* @__PURE__ */ l(M, { children: C() }),
-      /* @__PURE__ */ l(M, { xs: 12, md: "auto", align: "center", children: /* @__PURE__ */ _("div", { className: U, children: [
+    F ? U() : /* @__PURE__ */ l(J, { padding: 0.5, background: f ? "bg-disabled" : void 0, className: c["file-upload__card"], children: /* @__PURE__ */ l(K, { children: /* @__PURE__ */ _(P, { gutterY: 2, children: [
+      /* @__PURE__ */ l($, { children: U() }),
+      /* @__PURE__ */ l($, { xs: 12, md: "auto", align: "center", children: /* @__PURE__ */ _("div", { className: H, children: [
         /* @__PURE__ */ l(
           "input",
           {
@@ -88,17 +90,17 @@ const P = ({ accept: a, maxSize: i }, s) => {
             accept: r,
             onChange: A,
             multiple: u,
-            disabled: m
+            disabled: f
           }
         ),
         /* @__PURE__ */ l(
-          Y,
+          q,
           {
             visualType: "link",
             iconLeft: "file_upload",
             "aria-describedby": L,
-            isActive: H,
-            disabled: m,
+            isActive: B,
+            disabled: f,
             onClick: () => {
               var e;
               return (e = document.getElementById(s)) == null ? void 0 : e.click();
@@ -108,9 +110,9 @@ const P = ({ accept: a, maxSize: i }, s) => {
         )
       ] }) })
     ] }) }) }),
-    ($ || d) && /* @__PURE__ */ l(O, { ...$ || d, id: L })
+    (E || d) && /* @__PURE__ */ l(O, { ...E || d, id: L })
   ] });
 };
 export {
-  pe as FileUpload
+  ue as FileUpload
 };

package/src/community/components/form/pickers/calendar/calendar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),H=require("../../../../../../external/classnames/index.cjs.js"),d=require("react"),S=require("./calendar.module.scss.cjs.js"),T=require("../../../../../../external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.cjs.js"),B=require("../../../../../../external/@mui/x-date-pickers/PickersDay/PickersDay.cjs.js"),E=t=>{const{value:r,defaultValue:l,onChange:a,disabled:y,disableFuture:c,disableHighlightToday:f,disablePast:b,loading:g,minDate:h,maxDate:m,readOnly:q,view:C="day",views:M=["day"],showDaysOutsideCurrentMonth:P=!1,shouldHighlightDate:e,shouldDisableDate:x,shouldDisableMonth:j,shouldDisableYear:k,shouldShowStatusOnDate:i}=t,[s,v]=d.useState(l||null),_=d.useMemo(()=>a&&typeof r<"u"?r:s,[s,a,r]),p=n=>{!(n!=null&&n.isValid())&&n!==null||(typeof r>"u"&&v(n),!(n!=null&&n.isSame(s))&&(a==null||a(n)))},O=(n,F,R)=>{const V=e==null?void 0:e(n),u=i==null?void 0:i(n),w=H.default({"Mui-highlighted":V},{[S.default[`calendar__day--status-${u}`]]:u});return o.jsx(B.PickersDay,{className:w,...R})};return o.jsx(T.CalendarPicker,{"data-name":"calendar",date:_,onChange:p,disabled:y,disableFuture:c,disableHighlightToday:f,disablePast:b,loading:g,minDate:h,maxDate:m,readOnly:q,renderDay:O,shouldDisableDate:x,shouldDisableMonth:j,shouldDisableYear:k,showDaysOutsideCurrentMonth:P,view:C,views:M})};exports.Calendar=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),D=require("../../../../../../external/classnames/index.cjs.js"),d=require("react"),H=require("../../../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),S=require("./calendar.module.scss.cjs.js"),T=require("../../../../../../external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.cjs.js"),B=require("../../../../../../external/@mui/x-date-pickers/PickersDay/PickersDay.cjs.js"),E=o=>{H.warnDeprecated("Community Calendar","Use `Calendar` from `@tedi-design-system/react/tedi` instead.");const{value:e,defaultValue:l,onChange:a,disabled:c,disableFuture:y,disableHighlightToday:f,disablePast:m,loading:g,minDate:b,maxDate:h,readOnly:C,view:q="day",views:M=["day"],showDaysOutsideCurrentMonth:P=!1,shouldHighlightDate:r,shouldDisableDate:p,shouldDisableMonth:x,shouldDisableYear:j,shouldShowStatusOnDate:i}=o,[s,k]=d.useState(l||null),v=d.useMemo(()=>a&&typeof e<"u"?e:s,[s,a,e]),w=n=>{!(n!=null&&n.isValid())&&n!==null||(typeof e>"u"&&k(n),!(n!=null&&n.isSame(s))&&(a==null||a(n)))},_=(n,F,O)=>{const R=r==null?void 0:r(n),t=i==null?void 0:i(n),V=D.default({"Mui-highlighted":R},{[S.default[`calendar__day--status-${t}`]]:t});return u.jsx(B.PickersDay,{className:V,...O})};return u.jsx(T.CalendarPicker,{"data-name":"calendar",date:v,onChange:w,disabled:c,disableFuture:y,disableHighlightToday:f,disablePast:m,loading:g,minDate:b,maxDate:h,readOnly:C,renderDay:_,shouldDisableDate:p,shouldDisableMonth:x,shouldDisableYear:j,showDaysOutsideCurrentMonth:P,view:q,views:M})};exports.Calendar=E;

package/src/community/components/form/pickers/calendar/calendar.es.js

@@ -1,60 +1,62 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import N from "../../../../../../external/classnames/index.es.js";
-import e from "react";
-import O from "./calendar.module.scss.es.js";
-import { CalendarPicker as j } from "../../../../../../external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.es.js";
-import { PickersDay as B } from "../../../../../../external/@mui/x-date-pickers/PickersDay/PickersDay.es.js";
-const G = (t) => {
+import t from "react";
+import { warnDeprecated as O } from "../../../../../tedi/helpers/warn-deprecated/warn-deprecated.es.js";
+import j from "./calendar.module.scss.es.js";
+import { CalendarPicker as B } from "../../../../../../external/@mui/x-date-pickers/CalendarPicker/CalendarPicker.es.js";
+import { PickersDay as E } from "../../../../../../external/@mui/x-date-pickers/PickersDay/PickersDay.es.js";
+const G = (m) => {
+  O("Community Calendar", "Use `Calendar` from `@tedi-design-system/react/tedi` instead.");
   const {
-    value: r,
-    defaultValue: l,
-    onChange: n,
-    disabled: m,
+    value: n,
+    defaultValue: u,
+    onChange: r,
+    disabled: l,
     disableFuture: f,
     disableHighlightToday: y,
-    disablePast: h,
-    loading: p,
+    disablePast: p,
+    loading: h,
     minDate: g,
-    maxDate: b,
-    readOnly: C,
-    view: M = "day",
-    views: _ = ["day"],
-    showDaysOutsideCurrentMonth: c = !1,
+    maxDate: C,
+    readOnly: b,
+    view: c = "day",
+    views: M = ["day"],
+    showDaysOutsideCurrentMonth: _ = !1,
     shouldHighlightDate: i,
     shouldDisableDate: v,
-    shouldDisableMonth: x,
-    shouldDisableYear: H,
+    shouldDisableMonth: w,
+    shouldDisableYear: x,
     shouldShowStatusOnDate: o
-  } = t, [s, P] = e.useState(l || null), R = e.useMemo(() => n && typeof r < "u" ? r : s, [s, n, r]);
-  return /* @__PURE__ */ u(
-    j,
+  } = m, [e, H] = t.useState(u || null), P = t.useMemo(() => r && typeof n < "u" ? n : e, [e, r, n]);
+  return /* @__PURE__ */ d(
+    B,
     {
       "data-name": "calendar",
-      date: R,
+      date: P,
       onChange: (a) => {
-        !(a != null && a.isValid()) && a !== null || (typeof r > "u" && P(a), !(a != null && a.isSame(s)) && (n == null || n(a)));
+        !(a != null && a.isValid()) && a !== null || (typeof n > "u" && H(a), !(a != null && a.isSame(e)) && (r == null || r(a)));
       },
-      disabled: m,
+      disabled: l,
       disableFuture: f,
       disableHighlightToday: y,
-      disablePast: h,
-      loading: p,
+      disablePast: p,
+      loading: h,
       minDate: g,
-      maxDate: b,
-      readOnly: C,
-      renderDay: (a, I, V) => {
-        const k = i == null ? void 0 : i(a), d = o == null ? void 0 : o(a), w = N(
-          { "Mui-highlighted": k },
-          { [O[`calendar__day--status-${d}`]]: d }
+      maxDate: C,
+      readOnly: b,
+      renderDay: (a, T, R) => {
+        const V = i == null ? void 0 : i(a), s = o == null ? void 0 : o(a), k = N(
+          { "Mui-highlighted": V },
+          { [j[`calendar__day--status-${s}`]]: s }
         );
-        return /* @__PURE__ */ u(B, { className: w, ...V });
+        return /* @__PURE__ */ d(E, { className: k, ...R });
       },
       shouldDisableDate: v,
-      shouldDisableMonth: x,
-      shouldDisableYear: H,
-      showDaysOutsideCurrentMonth: c,
-      view: M,
-      views: _
+      shouldDisableMonth: w,
+      shouldDisableYear: x,
+      showDaysOutsideCurrentMonth: _,
+      view: c,
+      views: M
     }
   );
 };

package/src/community/components/form/pickers/timepicker/timepicker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),I=require("../mui-input-transition/mui-input-transition.cjs.js"),O=require("../../../../../../external/@mui/x-date-pickers/TimePicker/TimePicker.cjs.js"),h=d=>{const{defaultValue:m,onChange:n,value:t,disabled:p,readOnly:u,inputFormat:l="HH:mm",toolbarTitle:f,maxTime:T,minTime:P,minutesStep:k=1,onError:x,shouldDisableTime:y,views:b=["hours","minutes"],ampm:v=!1,onClose:r,...S}=d,[a,g]=s.useState(m||null),[j,i]=s.useState(!1),q=s.useMemo(()=>n&&typeof t<"u"?t:a,[a,n,t]),o=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof t>"u"&&g(e),n==null||n(e))},C=()=>{i(!1),r==null||r()};return c.jsx(O.TimePicker,{"data-name":"timepicker",value:q,onChange:o,open:j,onOpen:()=>i(!0),onClose:C,renderInput:e=>c.jsx(I.default,{muiTextfieldProps:e,inputFormat:l,onChangeHandler:o,textfieldProps:{...S,onClear:()=>o(null),onIconClick:u?void 0:()=>i(H=>!H)},type:"time"}),disabled:p,readOnly:u,inputFormat:l,toolbarTitle:f,maxTime:T,minTime:P,minutesStep:k,onError:x,shouldDisableTime:y,views:b,ampm:v})};exports.TimePicker=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),o=require("react"),I=require("../../../../../tedi/helpers/warn-deprecated/warn-deprecated.cjs.js"),O=require("../mui-input-transition/mui-input-transition.cjs.js"),h=require("../../../../../../external/@mui/x-date-pickers/TimePicker/TimePicker.cjs.js"),w=c=>{I.warnDeprecated("Community TimePicker","Use `TimeField` from `@tedi-design-system/react/tedi` instead.");const{defaultValue:m,onChange:n,value:t,disabled:p,readOnly:u,inputFormat:a="HH:mm",toolbarTitle:f,maxTime:T,minTime:y,minutesStep:P=1,onError:k,shouldDisableTime:x,views:b=["hours","minutes"],ampm:g=!1,onClose:r,...q}=c,[l,v]=o.useState(m||null),[C,i]=o.useState(!1),S=o.useMemo(()=>n&&typeof t<"u"?t:l,[l,n,t]),s=e=>{!(e!=null&&e.isValid())&&e!==null||(typeof t>"u"&&v(e),n==null||n(e))},j=()=>{i(!1),r==null||r()};return d.jsx(h.TimePicker,{"data-name":"timepicker",value:S,onChange:s,open:C,onOpen:()=>i(!0),onClose:j,renderInput:e=>d.jsx(O.default,{muiTextfieldProps:e,inputFormat:a,onChangeHandler:s,textfieldProps:{...q,onClear:()=>s(null),onIconClick:u?void 0:()=>i(H=>!H)},type:"time"}),disabled:p,readOnly:u,inputFormat:a,toolbarTitle:f,maxTime:T,minTime:y,minutesStep:P,onError:k,shouldDisableTime:x,views:b,ampm:g})};exports.TimePicker=w;