@tedi-design-system/react 17.1.0-rc.4 → 17.1.0-rc.6

package/src/tedi/components/form/file-dropzone/file-dropzone.es.js

@@ -7,27 +7,27 @@ import { ClosingButton as S } from "../../buttons/closing-button/closing-button.
 import { FeedbackText as p } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as k } from "../form-label/form-label.es.js";
 import o from "./file-dropzone.module.scss.es.js";
-import { useLabels as w } from "../../../providers/label-provider/use-labels.es.js";
+import { Card as w } from "../../cards/card/card.es.js";
+import { CardContent as R } from "../../cards/card/card-content/card-content.es.js";
+import { useLabels as j } from "../../../providers/label-provider/use-labels.es.js";
 import { List as z } from "../../content/list/list.es.js";
-import { Card as R } from "../../cards/card/card.es.js";
-import { CardContent as j } from "../../cards/card/card-content/card-content.es.js";
 import { Row as B } from "../../layout/grid/row.es.js";
 import { Col as b } from "../../layout/grid/col.es.js";
-const Z = (r) => {
-  const { getLabel: n } = w(), { label: g = n("file-dropzone.label"), className: v, disabled: a = !1, helper: i, id: c, ...h } = r, { innerFiles: s, uploadErrorHelper: l, onFileChange: u, onFileRemove: y } = L(r), { getRootProps: _, getInputProps: N, isDragActive: x } = D({
-    disabled: a,
-    accept: r.accept ? { "application/*": [r.accept] } : void 0,
-    multiple: r.multiple,
-    maxSize: r.maxSize ? r.maxSize * 1024 ** 2 : void 0,
+const Z = (a) => {
+  const { getLabel: n } = j(), { label: g = n("file-dropzone.label"), className: v, disabled: r = !1, helper: i, id: c, ...h } = a, { innerFiles: s, uploadErrorHelper: l, onFileChange: u, onFileRemove: y } = L(a), { getRootProps: _, getInputProps: N, isDragActive: x } = D({
+    disabled: r,
+    accept: a.accept ? { "application/*": [a.accept] } : void 0,
+    multiple: a.multiple,
+    maxSize: a.maxSize ? a.maxSize * 1024 ** 2 : void 0,
     onDrop: (t) => {
-      if (a) return;
+      if (r) return;
       u({
         target: { files: t }
       });
     }
   }), F = I(
     o["tedi-file-dropzone"],
-    { [o["tedi-file-dropzone--disabled"]]: a },
+    { [o["tedi-file-dropzone--disabled"]]: r },
     { [o["tedi-file-dropzone--invalid"]]: ((l == null ? void 0 : l.type) || (i == null ? void 0 : i.type)) === "error" },
     { [o["tedi-file-dropzone--valid"]]: ((l == null ? void 0 : l.type) || (i == null ? void 0 : i.type)) === "valid" },
     { [o["tedi-file-dropzone--drop-over"]]: x },
@@ -38,15 +38,15 @@ const Z = (r) => {
       "div",
       {
         ..._({
-          tabIndex: a ? -1 : 0,
-          "aria-disabled": a,
+          tabIndex: r ? -1 : 0,
+          "aria-disabled": r,
           "aria-describedby": m
         }),
         className: F,
         children: [
-          /* @__PURE__ */ e("input", { ...N(), disabled: a }),
+          /* @__PURE__ */ e("input", { ...N(), disabled: r }),
           /* @__PURE__ */ d("div", { className: o["tedi-file-dropzone__label-wrapper"], children: [
-            /* @__PURE__ */ e(f, { color: a ? "tertiary" : "secondary", size: 24, name: "attach_file" }),
+            /* @__PURE__ */ e(f, { color: r ? "tertiary" : "secondary", size: 24, name: "attach_file" }),
             /* @__PURE__ */ e(k, { ...h, id: c, label: g, className: o["tedi-file-dropzone__label"] })
           ] })
         ]
@@ -60,12 +60,12 @@ const Z = (r) => {
         style: "none",
         "aria-label": n("file-dropzone.selected-files"),
         children: s.map((t) => /* @__PURE__ */ e(z.Item, { className: o["tedi-file-dropzone__file-list-item"], children: /* @__PURE__ */ e(
-          R,
+          w,
           {
             background: t.isValid === !1 ? "danger-primary" : "tertiary",
             borderless: !0,
             className: o["tedi-file-dropzone__file-item"],
-            children: /* @__PURE__ */ e(j, { padding: 0.5, children: /* @__PURE__ */ d(B, { alignItems: "center", children: [
+            children: /* @__PURE__ */ e(R, { padding: 0.5, children: /* @__PURE__ */ d(B, { alignItems: "center", children: [
               /* @__PURE__ */ d(b, { className: o["tedi-file-dropzone__file-name"], children: [
                 t.name,
                 " ",
@@ -88,5 +88,6 @@ const Z = (r) => {
   ] });
 };
 export {
-  Z as FileDropzone
+  Z as FileDropzone,
+  Z as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),h=require("react"),Y=require("../../../helpers/hooks/use-file-upload.cjs.js"),Z=require("../../base/typography/text/text.cjs.js"),k=require("../../buttons/button/button.cjs.js"),H=require("../../buttons/closing-button/closing-button.cjs.js"),G=require("../form-label/form-label.cjs.js"),ee=require("../../misc/separator/separator.cjs.js"),le=require("../../tags/tag/tag.cjs.js"),B=require("../feedback-text/feedback-text.cjs.js"),g=require("../input-group/input-group.cjs.js"),a=require("./file-upload.module.scss.cjs.js"),ae=require("../../../providers/label-provider/use-labels.cjs.js"),T=require("../../../helpers/hooks/use-breakpoint.cjs.js"),ie=require("../../layout/grid/row.cjs.js"),I=require("../../layout/grid/col.cjs.js"),te=j=>{var N;const{getLabel:n}=ae.useLabels(),{id:se,name:w,label:_,accept:v,multiple:q,onChange:m,className:R,wrapperClassName:U,defaultFiles:S,onDelete:z,hasClearButton:M=!0,files:u,readOnly:p,disabled:s=!1,maxSize:O,validateIndividually:V=!1,size:c="default",helper:i,...$}=j,{innerFiles:y,uploadErrorHelper:t,onFileChange:D,onFileRemove:P,handleClear:F,announcement:W}=Y.useFileUpload({accept:v,maxSize:O,multiple:q,validateIndividually:V,defaultFiles:S,onChange:m,onDelete:z,files:u}),A=T.default(),E=h.useId(),d=(N=g.useOptionalInputGroup)==null?void 0:N.call(g),J=d==null?void 0:d.hasExternalLabel,x=j.id??(d==null?void 0:d.inputId)??E,L=h.useRef(null),K=f.default(a.default["tedi-file-upload"],{[a.default["tedi-file-upload--disabled"]]:s},R),b=(i==null?void 0:i.id)??(i||t?`${x}-helper`:void 0),o=h.useMemo(()=>u&&m?u:y,[u,y,m]),Q=(l,r)=>{const X=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx("li",{children:e.jsx(le.Tag,{color:l.isValid===!1?"danger":"primary",onClose:!l.isLoading&&!s&&!p?()=>P(l):void 0,isLoading:l.isLoading,"aria-label":X,children:l.name})},r)},C=()=>{if(o.length>1)return e.jsx("ul",{className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate-list"]),children:o.map((l,r)=>Q(l,r))});if(o.length===1){const l=o[0],r=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx(Z.Text,{"aria-label":r,className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate"]),children:l.name})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["tedi-file-upload__label-wrapper"],children:!J&&_&&e.jsx(G.FormLabel,{id:x,label:_??"",...$,renderWithoutLabel:p,className:a.default["tedi-file-upload__label"],size:c})}),e.jsx("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:W}),p?C():e.jsx("div",{className:f.default(a.default["tedi-file-upload__container"],{[a.default["tedi-file-upload--disabled"]]:s,[a.default["tedi-file-upload--error"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="error",[a.default["tedi-file-upload--valid"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="valid"},{[a.default[`tedi-file-upload__container--${c}`]]:c},U),children:e.jsx("div",{className:a.default["tedi-file-upload__content"],children:e.jsxs(ie.Row,{children:[e.jsx(I.Col,{className:"display-flex",children:C()}),e.jsx(I.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:K,children:[e.jsx("input",{ref:L,id:x,type:"file",name:w,accept:v,onChange:D,multiple:q,disabled:s,"aria-invalid":!!t&&t.type==="error","aria-describedby":b}),M&&o.length>0&&!s&&e.jsxs(e.Fragment,{children:[T.isBreakpointBelow(A,"md")?e.jsx(k.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:F,className:a.default["tedi-file-upload__button"],children:n("clear")}):e.jsx(H.ClosingButton,{onClick:F,iconSize:18,title:n("clear")}),e.jsx(ee.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(k.Button,{visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=L.current)==null?void 0:l.click()},className:a.default["tedi-file-upload__button"],size:c,children:n("file-upload.add")})]})})]})})}),i?e.jsx(B.FeedbackText,{...i,id:b}):t?e.jsx(B.FeedbackText,{...t,id:b}):null]})};exports.FileUpload=te;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),h=require("react"),Z=require("../../../helpers/hooks/use-file-upload.cjs.js"),H=require("../../base/typography/text/text.cjs.js"),k=require("../../buttons/button/button.cjs.js"),G=require("../../buttons/closing-button/closing-button.cjs.js"),ee=require("../form-label/form-label.cjs.js"),le=require("../../misc/separator/separator.cjs.js"),ae=require("../../tags/tag/tag.cjs.js"),B=require("../feedback-text/feedback-text.cjs.js"),g=require("../input-group/input-group.cjs.js"),a=require("./file-upload.module.scss.cjs.js"),ie=require("../../../providers/label-provider/use-labels.cjs.js"),T=require("../../../helpers/hooks/use-breakpoint.cjs.js"),te=require("../../layout/grid/row.cjs.js"),I=require("../../layout/grid/col.cjs.js"),w=_=>{var N;const{getLabel:n}=ie.useLabels(),{id:se,name:R,label:j,accept:v,multiple:q,onChange:m,className:U,wrapperClassName:S,defaultFiles:M,onDelete:z,hasClearButton:O=!0,files:u,readOnly:p,disabled:s=!1,maxSize:V,validateIndividually:$=!1,size:c="default",helper:i,...D}=_,{innerFiles:F,uploadErrorHelper:t,onFileChange:P,onFileRemove:W,handleClear:y,announcement:A}=Z.useFileUpload({accept:v,maxSize:V,multiple:q,validateIndividually:$,defaultFiles:M,onChange:m,onDelete:z,files:u}),E=T.useBreakpoint(),J=h.useId(),d=(N=g.useOptionalInputGroup)==null?void 0:N.call(g),K=d==null?void 0:d.hasExternalLabel,x=_.id??(d==null?void 0:d.inputId)??J,L=h.useRef(null),Q=f.default(a.default["tedi-file-upload"],{[a.default["tedi-file-upload--disabled"]]:s},U),b=(i==null?void 0:i.id)??(i||t?`${x}-helper`:void 0),o=h.useMemo(()=>u&&m?u:F,[u,F,m]),X=(l,r)=>{const Y=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx("li",{children:e.jsx(ae.Tag,{color:l.isValid===!1?"danger":"primary",onClose:!l.isLoading&&!s&&!p?()=>W(l):void 0,isLoading:l.isLoading,"aria-label":Y,children:l.name})},r)},C=()=>{if(o.length>1)return e.jsx("ul",{className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate-list"]),children:o.map((l,r)=>X(l,r))});if(o.length===1){const l=o[0],r=l.isValid===!1?`${l.name} (${n("file-upload.failed")})`:l.name;return e.jsx(H.Text,{"aria-label":r,className:f.default(a.default["tedi-file-upload__items"],a.default["tedi-file-upload__truncate"]),children:l.name})}return null};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default["tedi-file-upload__label-wrapper"],children:!K&&j&&e.jsx(ee.FormLabel,{id:x,label:j??"",...D,renderWithoutLabel:p,className:a.default["tedi-file-upload__label"],size:c})}),e.jsx("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:A}),p?C():e.jsx("div",{className:f.default(a.default["tedi-file-upload__container"],{[a.default["tedi-file-upload--disabled"]]:s,[a.default["tedi-file-upload--error"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="error",[a.default["tedi-file-upload--valid"]]:((t==null?void 0:t.type)||(i==null?void 0:i.type))==="valid"},{[a.default[`tedi-file-upload__container--${c}`]]:c},S),children:e.jsx("div",{className:a.default["tedi-file-upload__content"],children:e.jsxs(te.Row,{children:[e.jsx(I.Col,{className:"display-flex",children:C()}),e.jsx(I.Col,{xs:12,md:"auto",children:e.jsxs("div",{className:Q,children:[e.jsx("input",{ref:L,id:x,type:"file",name:R,accept:v,onChange:P,multiple:q,disabled:s,"aria-invalid":!!t&&t.type==="error","aria-describedby":b}),O&&o.length>0&&!s&&e.jsxs(e.Fragment,{children:[T.isBreakpointBelow(E,"md")?e.jsx(k.Button,{visualType:"neutral",iconLeft:"close",disabled:s,onClick:y,className:a.default["tedi-file-upload__button"],children:n("clear")}):e.jsx(G.ClosingButton,{onClick:y,iconSize:18,title:n("clear")}),e.jsx(le.Separator,{axis:"vertical",height:1.5,spacing:.5,color:"primary"})]}),e.jsx(k.Button,{visualType:"neutral",iconLeft:"file_upload",disabled:s,onClick:()=>{var l;return(l=L.current)==null?void 0:l.click()},className:a.default["tedi-file-upload__button"],size:c,children:n("file-upload.add")})]})})]})})}),i?e.jsx(B.FeedbackText,{...i,id:b}):t?e.jsx(B.FeedbackText,{...t,id:b}):null]})};exports.FileUpload=w;exports.default=w;

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

@@ -12,7 +12,7 @@ import { FeedbackText as w } from "../feedback-text/feedback-text.es.js";
 import { useOptionalInputGroup as ie } from "../input-group/input-group.es.js";
 import i from "./file-upload.module.scss.es.js";
 import { useLabels as ae } from "../../../providers/label-provider/use-labels.es.js";
-import te, { isBreakpointBelow as oe } from "../../../helpers/hooks/use-breakpoint.es.js";
+import { useBreakpoint as te, isBreakpointBelow as oe } from "../../../helpers/hooks/use-breakpoint.es.js";
 import { Row as ne } from "../../layout/grid/row.es.js";
 import { Col as R } from "../../layout/grid/col.es.js";
 const xe = (v) => {
@@ -155,5 +155,6 @@ const xe = (v) => {
   ] });
 };
 export {
-  xe as FileUpload
+  xe as FileUpload,
+  xe as default
 };

package/src/tedi/components/form/input-group/input-group.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),m=require("../feedback-text/feedback-text.cjs.js"),R=require("../form-label/form-label.cjs.js"),w=require("./components/input/input.cjs.js"),A=require("./components/prefix/prefix.cjs.js"),F=require("./components/suffix/suffix.cjs.js"),u=require("./input-group.module.scss.cjs.js"),f=e.createContext(null),N=()=>{const n=e.useContext(f);if(!n)throw new Error("InputGroupContext missing");return n},T=()=>e.useContext(f),c=e.forwardRef(({className:n,addons:G=!0,helper:t,label:s,children:S,disabled:i,id:q,...j},P)=>{const x=e.useRef(null),y=e.useId(),o=q??y,[a,l]=e.useState(!1),[p,g]=e.useState(!1);e.useImperativeHandle(P,()=>({get root(){return x.current}}));const b=e.useMemo(()=>({hasPrefix:a,hasSuffix:p,disabled:i,hasExternalLabel:!!s,inputId:o,registerPrefix:()=>l(!0),unregisterPrefix:()=>l(!1),registerSuffix:()=>g(!0),unregisterSuffix:()=>g(!1)}),[o,a,p,i,s]),h=k.default(u.default["tedi-input-group"],{[u.default["tedi-input-group--addons"]]:G,[u.default["tedi-input-group--has-prefix"]]:a,[u.default["tedi-input-group--has-suffix"]]:p,[u.default["tedi-input-group--disabled"]]:i},n),v=()=>!t||Array.isArray(t)&&t.length===0?null:r.jsx("div",{className:u.default["tedi-input-group__feedback-wrapper"],children:Array.isArray(t)?t.map((C,I)=>r.jsx(m.FeedbackText,{...C,id:`group-helper-${I}`},I)):r.jsx(m.FeedbackText,{...t,id:"group-helper"})});return r.jsxs(f.Provider,{value:b,children:[s&&r.jsx(R.FormLabel,{...j,label:s,id:o}),r.jsx("div",{ref:x,className:h,"data-name":"tedi-input-group","aria-disabled":i,children:S}),v()]})});c.displayName="InputGroup";const d=c;d.Prefix=A.Prefix;d.Suffix=F.Suffix;d.Input=w.Input;exports.InputGroupBase=c;exports.useInputGroup=N;exports.useOptionalInputGroup=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),m=require("../feedback-text/feedback-text.cjs.js"),R=require("../form-label/form-label.cjs.js"),_=require("./components/input/input.cjs.js"),w=require("./components/prefix/prefix.cjs.js"),A=require("./components/suffix/suffix.cjs.js"),u=require("./input-group.module.scss.cjs.js"),d=e.createContext(null),F=()=>{const s=e.useContext(d);if(!s)throw new Error("InputGroupContext missing");return s},N=()=>e.useContext(d),c=e.forwardRef(({className:s,addons:G=!0,helper:t,label:n,children:S,disabled:i,id:q,...j},P)=>{const x=e.useRef(null),v=e.useId(),a=q??v,[p,l]=e.useState(!1),[f,g]=e.useState(!1);e.useImperativeHandle(P,()=>({get root(){return x.current}}));const b=e.useMemo(()=>({hasPrefix:p,hasSuffix:f,disabled:i,hasExternalLabel:!!n,inputId:a,registerPrefix:()=>l(!0),unregisterPrefix:()=>l(!1),registerSuffix:()=>g(!0),unregisterSuffix:()=>g(!1)}),[a,p,f,i,n]),h=k.default(u.default["tedi-input-group"],{[u.default["tedi-input-group--addons"]]:G,[u.default["tedi-input-group--has-prefix"]]:p,[u.default["tedi-input-group--has-suffix"]]:f,[u.default["tedi-input-group--disabled"]]:i},s),y=()=>!t||Array.isArray(t)&&t.length===0?null:r.jsx("div",{className:u.default["tedi-input-group__feedback-wrapper"],children:Array.isArray(t)?t.map((C,I)=>r.jsx(m.FeedbackText,{...C,id:`group-helper-${I}`},I)):r.jsx(m.FeedbackText,{...t,id:"group-helper"})});return r.jsxs(d.Provider,{value:b,children:[n&&r.jsx(R.FormLabel,{...j,label:n,id:a}),r.jsx("div",{ref:x,className:h,"data-name":"tedi-input-group","aria-disabled":i,children:S}),y()]})});c.displayName="InputGroup";const o=c;o.Prefix=w.Prefix;o.Suffix=A.Suffix;o.Input=_.Input;exports.InputGroupBase=c;exports.default=o;exports.useInputGroup=F;exports.useOptionalInputGroup=N;

package/src/tedi/components/form/input-group/input-group.es.js

@@ -1,48 +1,48 @@
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
 import F from "../../../../../external/classnames/index.es.js";
-import g, { forwardRef as H, useState as l, useImperativeHandle as j, useMemo as E, useContext as G, createContext as L } from "react";
+import g, { forwardRef as H, useContext as G, createContext as j, useState as l, useImperativeHandle as E, useMemo as L } from "react";
 import { FeedbackText as I } from "../feedback-text/feedback-text.es.js";
 import { FormLabel as b } from "../form-label/form-label.es.js";
 import { Input as B } from "./components/input/input.es.js";
 import { Prefix as M } from "./components/prefix/prefix.es.js";
 import { Suffix as O } from "./components/suffix/suffix.es.js";
 import t from "./input-group.module.scss.es.js";
-const a = L(null), U = () => {
-  const u = G(a);
+const p = j(null), U = () => {
+  const u = G(p);
   if (!u) throw new Error("InputGroupContext missing");
   return u;
-}, W = () => G(a), P = H(
+}, W = () => G(p), P = H(
   ({ className: u, addons: S = !0, helper: r, label: o, children: h, disabled: s, id: y, ...v }, C) => {
-    const m = g.useRef(null), N = g.useId(), i = y ?? N, [n, c] = l(!1), [p, d] = l(!1);
-    j(C, () => ({
+    const m = g.useRef(null), N = g.useId(), i = y ?? N, [n, d] = l(!1), [a, c] = l(!1);
+    E(C, () => ({
       get root() {
         return m.current;
       }
     }));
-    const w = E(
+    const w = L(
       () => ({
         hasPrefix: n,
-        hasSuffix: p,
+        hasSuffix: a,
         disabled: s,
         hasExternalLabel: !!o,
         inputId: i,
-        registerPrefix: () => c(!0),
-        unregisterPrefix: () => c(!1),
-        registerSuffix: () => d(!0),
-        unregisterSuffix: () => d(!1)
+        registerPrefix: () => d(!0),
+        unregisterPrefix: () => d(!1),
+        registerSuffix: () => c(!0),
+        unregisterSuffix: () => c(!1)
       }),
-      [i, n, p, s, o]
+      [i, n, a, s, o]
     ), A = F(
       t["tedi-input-group"],
       {
         [t["tedi-input-group--addons"]]: S,
         [t["tedi-input-group--has-prefix"]]: n,
-        [t["tedi-input-group--has-suffix"]]: p,
+        [t["tedi-input-group--has-suffix"]]: a,
         [t["tedi-input-group--disabled"]]: s
       },
       u
     ), R = () => !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ e("div", { className: t["tedi-input-group__feedback-wrapper"], children: Array.isArray(r) ? r.map((_, x) => /* @__PURE__ */ e(I, { ..._, id: `group-helper-${x}` }, x)) : /* @__PURE__ */ e(I, { ...r, id: "group-helper" }) });
-    return /* @__PURE__ */ k(a.Provider, { value: w, children: [
+    return /* @__PURE__ */ k(p.Provider, { value: w, children: [
       o && /* @__PURE__ */ e(b, { ...v, label: o, id: i }),
       /* @__PURE__ */ e("div", { ref: m, className: A, "data-name": "tedi-input-group", "aria-disabled": s, children: h }),
       R()
@@ -56,6 +56,7 @@ f.Suffix = O;
 f.Input = B;
 export {
   P as InputGroupBase,
+  f as default,
   U as useInputGroup,
   W as useOptionalInputGroup
 };

package/src/tedi/components/form/multi-value-field/multi-value-field.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("../../../../../external/classnames/index.cjs.js"),_=require("react"),j=require("../../base/icon/icon.cjs.js"),w=require("../../buttons/closing-button/closing-button.cjs.js"),k=require("../../misc/separator/separator.cjs.js"),z=require("../../tags/tag/tag.cjs.js"),R=require("../form-label/form-label.cjs.js"),i=require("./multi-value-field.module.scss.cjs.js"),$=require("../../../providers/label-provider/use-labels.cjs.js"),c=_.forwardRef((h,O)=>{const{id:b,label:d,name:m,values:f,onChange:n,tagColor:q="primary",className:N,icon:t,onIconClick:v,iconButtonProps:s,isClearable:V=!0,required:p,disabled:u}=h,{getLabel:y}=$.useLabels(),[C,S]=_.useState(f??[]),a=f??C,g=l=>{S(l),n==null||n(l)},F=l=>{const r=a.filter((T,M)=>M!==l);g(r)},o=!u&&V&&a.length>0,I=()=>{g([])},L=()=>{if(!t)return null;const l=typeof t=="string"?{name:t}:t;return v?e.jsx("button",{...s,className:x.default(i.default["tedi-multi-value-field__icon-wrapper"],s==null?void 0:s.className),onClick:v,type:"button",children:e.jsx(j.Icon,{...l,size:18})}):e.jsx("div",{className:i.default["tedi-multi-value-field__icon-wrapper"],children:e.jsx(j.Icon,{...l,size:18})})};return e.jsxs("div",{className:x.default(i.default["tedi-multi-value-field"],N),children:[d&&e.jsx(R.FormLabel,{id:b,label:d,required:p}),e.jsxs("div",{className:i.default["tedi-multi-value-field__inner"],children:[a.length>0&&e.jsx("div",{className:i.default["tedi-multi-value-field__tags"],children:a.map((l,r)=>e.jsx(z.Tag,{color:q,onClose:u?void 0:()=>F(r),children:l},`${l}-${r}`))}),(o||t)&&e.jsxs("div",{className:i.default["tedi-multi-value-field__right-area"],children:[o&&e.jsx(w.ClosingButton,{onClick:I,title:y("clear"),className:i.default["tedi-multi-value-field__clear-button"],iconSize:18}),o&&t&&e.jsx(k.Separator,{color:"primary",axis:"vertical",height:1.5,spacing:.25}),t&&L()]})]}),m&&e.jsx("input",{type:"hidden",name:m,value:a.length?JSON.stringify(a):"",required:p,disabled:u})]})});c.displayName="MultiValueField";exports.MultiValueField=c;exports.default=c;

package/src/tedi/components/form/multi-value-field/multi-value-field.d.ts

@@ -0,0 +1,73 @@
+import { default as React } from 'react';
+import { IconWithoutBackgroundProps } from '../../base/icon/icon';
+export interface MultiValueFieldProps {
+    /**
+     * Unique identifier for the field. Used to associate the label with the input.
+     */
+    id: string;
+    /**
+     * Optional label displayed above the field.
+     */
+    label?: string;
+    /**
+     * Name attribute for the hidden input. When provided, the field value
+     * will be submitted as a JSON string in forms.
+     */
+    name?: string;
+    /**
+     * List of values to display as tags.
+     * If provided, the component acts as a controlled component.
+     */
+    values?: string[];
+    /**
+     * Callback fired whenever the values change
+     * (e.g. removing a tag or clearing all values).
+     */
+    onChange?: (values: string[]) => void;
+    /**
+     * Visual style of the tags.
+     * @default 'primary'
+     */
+    tagColor?: 'primary' | 'secondary' | 'danger';
+    /**
+     * Additional CSS class names applied to the root element.
+     */
+    className?: string;
+    /**
+     * Optional icon displayed on the right side.
+     * Can be a string (icon name) or full icon props.
+     */
+    icon?: string | IconWithoutBackgroundProps;
+    /**
+     * Click handler for the icon.
+     * If provided, the icon will be rendered as a button.
+     */
+    onIconClick?: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
+    /**
+     * Extra HTML attributes spread on the icon `<button>` element. Use this to
+     * wire ARIA state (e.g. `aria-expanded`, `aria-controls`) directly to the
+     * icon trigger when it opens a popover / dialog. Only applied when
+     * `onIconClick` is set.
+     */
+    iconButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Whether the clear button should be shown when values exist.
+     * @default true
+     */
+    isClearable?: boolean;
+    /**
+     * Marks the field as required.
+     * Adds required indicator to label and applies native required validation to the hidden input.
+     */
+    required?: boolean;
+    /**
+     * Whether the input is disabled.
+     */
+    disabled?: boolean;
+}
+export interface MultiValueFieldRef {
+    input: HTMLInputElement | null;
+    wrapper: HTMLDivElement | null;
+}
+export declare const MultiValueField: React.ForwardRefExoticComponent<MultiValueFieldProps & React.RefAttributes<MultiValueFieldRef>>;
+export default MultiValueField;

package/src/tedi/components/form/multi-value-field/multi-value-field.es.js

@@ -0,0 +1,81 @@
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import _ from "../../../../../external/classnames/index.es.js";
+import { forwardRef as L, useState as j } from "react";
+import { Icon as g } from "../../base/icon/icon.es.js";
+import { ClosingButton as M } from "../../buttons/closing-button/closing-button.es.js";
+import { Separator as $ } from "../../misc/separator/separator.es.js";
+import { Tag as q } from "../../tags/tag/tag.es.js";
+import { FormLabel as A } from "../form-label/form-label.es.js";
+import t from "./multi-value-field.module.scss.es.js";
+import { useLabels as J } from "../../../providers/label-provider/use-labels.es.js";
+const O = L((N, R) => {
+  const {
+    id: b,
+    label: d,
+    name: u,
+    values: f,
+    onChange: o,
+    tagColor: y = "primary",
+    className: C,
+    icon: i,
+    onIconClick: p,
+    iconButtonProps: a,
+    isClearable: V = !0,
+    required: v,
+    disabled: n
+  } = N, { getLabel: w } = J(), [x, I] = j(f ?? []), r = f ?? x, h = (e) => {
+    I(e), o == null || o(e);
+  }, S = (e) => {
+    const s = r.filter((T, F) => F !== e);
+    h(s);
+  }, c = !n && V && r.length > 0, k = () => {
+    h([]);
+  }, z = () => {
+    if (!i) return null;
+    const e = typeof i == "string" ? { name: i } : i;
+    return p ? /* @__PURE__ */ l(
+      "button",
+      {
+        ...a,
+        className: _(t["tedi-multi-value-field__icon-wrapper"], a == null ? void 0 : a.className),
+        onClick: p,
+        type: "button",
+        children: /* @__PURE__ */ l(g, { ...e, size: 18 })
+      }
+    ) : /* @__PURE__ */ l("div", { className: t["tedi-multi-value-field__icon-wrapper"], children: /* @__PURE__ */ l(g, { ...e, size: 18 }) });
+  };
+  return /* @__PURE__ */ m("div", { className: _(t["tedi-multi-value-field"], C), children: [
+    d && /* @__PURE__ */ l(A, { id: b, label: d, required: v }),
+    /* @__PURE__ */ m("div", { className: t["tedi-multi-value-field__inner"], children: [
+      r.length > 0 && /* @__PURE__ */ l("div", { className: t["tedi-multi-value-field__tags"], children: r.map((e, s) => /* @__PURE__ */ l(q, { color: y, onClose: n ? void 0 : () => S(s), children: e }, `${e}-${s}`)) }),
+      (c || i) && /* @__PURE__ */ m("div", { className: t["tedi-multi-value-field__right-area"], children: [
+        c && /* @__PURE__ */ l(
+          M,
+          {
+            onClick: k,
+            title: w("clear"),
+            className: t["tedi-multi-value-field__clear-button"],
+            iconSize: 18
+          }
+        ),
+        c && i && /* @__PURE__ */ l($, { color: "primary", axis: "vertical", height: 1.5, spacing: 0.25 }),
+        i && z()
+      ] })
+    ] }),
+    u && /* @__PURE__ */ l(
+      "input",
+      {
+        type: "hidden",
+        name: u,
+        value: r.length ? JSON.stringify(r) : "",
+        required: v,
+        disabled: n
+      }
+    )
+  ] });
+});
+O.displayName = "MultiValueField";
+export {
+  O as MultiValueField,
+  O as default
+};

package/src/tedi/components/form/multi-value-field/multi-value-field.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-multi-value-field__inner":"tedi-multi-value-field__inner-d00be7fe","tedi-multi-value-field__tags":"tedi-multi-value-field__tags-4f52450e","tedi-multi-value-field__right-area":"tedi-multi-value-field__right-area-2d533551","tedi-multi-value-field__icon-wrapper":"tedi-multi-value-field__icon-wrapper-d73d0e44"};exports.default=e;

package/src/tedi/components/form/multi-value-field/multi-value-field.module.scss.es.js

@@ -0,0 +1,9 @@
+const e = {
+  "tedi-multi-value-field__inner": "tedi-multi-value-field__inner-d00be7fe",
+  "tedi-multi-value-field__tags": "tedi-multi-value-field__tags-4f52450e",
+  "tedi-multi-value-field__right-area": "tedi-multi-value-field__right-area-2d533551",
+  "tedi-multi-value-field__icon-wrapper": "tedi-multi-value-field__icon-wrapper-d73d0e44"
+};
+export {
+  e as default
+};

package/src/tedi/components/form/number-field/number-field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),J=require("../../base/typography/text/text.cjs.js"),K=require("../../buttons/button/button.cjs.js"),Q=require("../feedback-text/feedback-text.cjs.js"),X=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),Y=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Z=require("../../../providers/label-provider/use-labels.cjs.js"),O=N=>{const{getCurrentBreakpointProps:P}=Y.useBreakpointProps(N.defaultServerBreakpoint),{id:x,label:S,hideLabel:U,required:I,className:q,size:_,inputMode:E="numeric",decimalPlaces:j,min:i,max:u,step:c=1,defaultValue:$,value:B,onChange:l,suffix:h,fullWidth:z=!1,disabled:m=!1,invalid:k=!1,helper:d,input:f}=P(N),{getLabel:F}=Z.useLabels(),b=o.useRef(null),[M,L]=o.useState(""),[T,V]=o.useState($??0),s=o.useMemo(()=>l&&typeof B<"u"?B:T,[l,B,T]),g=d?`${x}-helper`:void 0,w=o.useCallback(e=>{const t=i!==void 0&&e<i,r=u!==void 0&&e>u;return k||t||r||(d==null?void 0:d.type)==="error"},[k,d,u,i]),y=e=>Math.min(u??1/0,Math.max(i??-1/0,e)),R=e=>{const t=F("numberField.quantityUpdated",e);L(t),setTimeout(()=>{L("")},5e3)},W=e=>j!==void 0?parseFloat(e.toFixed(j)):e,A=e=>{let t=s;e==="increment"&&(t=t+c),e==="decrement"&&(t=t-c),t=y(t),t=W(t),R(t),l==null||l(t),V(t)},D=({currentTarget:{value:e}})=>{l==null||l(y(+e)),V(y(+e))},C=e=>{const t=e==="increment"?u!==void 0&&s>=u:i!==void 0&&s<=i,r=v.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||m}),p=F(`numberField.${e}`,c);return a.jsx(K.Button,{"aria-label":p,onClick:()=>A(e),disabled:t||m,visualType:"secondary",className:r,icon:{name:e==="increment"?"add":"remove"},size:_==="small"?"small":void 0,children:e==="increment"?"+":"-"})},G=()=>{const e=v.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:z}),t=v.default(n.default["tedi-number-field__input"],f==null?void 0:f.className),r=()=>{var p;return(p=b==null?void 0:b.current)==null?void 0:p.focus()};return a.jsxs("div",{className:e,onClick:r,children:[a.jsx("input",{ref:b,id:x,"aria-describedby":g,"aria-invalid":w(s)?"true":"false",type:"number",inputMode:E,value:s,min:i,max:u,required:I,step:c,disabled:m,onChange:D,className:t,...f}),h&&a.jsx(J.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},H=v.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:w(s)},{[n.default["tedi-number-field--disabled"]]:m},{[n.default["tedi-number-field--small"]]:_==="small"},q);return a.jsxs("div",{"data-name":"number-field",className:q,children:[a.jsx(X.FormLabel,{id:x,label:S,required:I,hideLabel:U,size:_}),a.jsxs("div",{className:H,children:[C("decrement"),G(),C("increment")]}),d&&a.jsx(Q.FeedbackText,{className:n.default["tedi-number-field__feedback"],...d,id:g}),M&&a.jsx("div",{"aria-live":"polite",className:"sr-only",children:M})]})};O.displayName="NumberField";exports.NumberField=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),J=require("../../base/typography/text/text.cjs.js"),K=require("../../buttons/button/button.cjs.js"),Q=require("../feedback-text/feedback-text.cjs.js"),X=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),Y=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Z=require("../../../providers/label-provider/use-labels.cjs.js"),y=I=>{const{getCurrentBreakpointProps:P}=Y.useBreakpointProps(I.defaultServerBreakpoint),{id:x,label:S,hideLabel:U,required:q,className:j,size:_,inputMode:E="numeric",decimalPlaces:k,min:i,max:u,step:c=1,defaultValue:$,value:B,onChange:a,suffix:h,fullWidth:z=!1,disabled:m=!1,invalid:F=!1,helper:d,input:f}=P(I),{getLabel:M}=Z.useLabels(),b=o.useRef(null),[L,T]=o.useState(""),[V,g]=o.useState($??0),s=o.useMemo(()=>a&&typeof B<"u"?B:V,[a,B,V]),w=d?`${x}-helper`:void 0,C=o.useCallback(e=>{const t=i!==void 0&&e<i,r=u!==void 0&&e>u;return F||t||r||(d==null?void 0:d.type)==="error"},[F,d,u,i]),N=e=>Math.min(u??1/0,Math.max(i??-1/0,e)),R=e=>{const t=M("numberField.quantityUpdated",e);T(t),setTimeout(()=>{T("")},5e3)},W=e=>k!==void 0?parseFloat(e.toFixed(k)):e,A=e=>{let t=s;e==="increment"&&(t=t+c),e==="decrement"&&(t=t-c),t=N(t),t=W(t),R(t),a==null||a(t),g(t)},D=({currentTarget:{value:e}})=>{a==null||a(N(+e)),g(N(+e))},O=e=>{const t=e==="increment"?u!==void 0&&s>=u:i!==void 0&&s<=i,r=v.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||m}),p=M(`numberField.${e}`,c);return l.jsx(K.Button,{"aria-label":p,onClick:()=>A(e),disabled:t||m,visualType:"secondary",className:r,icon:{name:e==="increment"?"add":"remove"},size:_==="small"?"small":void 0,children:e==="increment"?"+":"-"})},G=()=>{const e=v.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:z}),t=v.default(n.default["tedi-number-field__input"],f==null?void 0:f.className),r=()=>{var p;return(p=b==null?void 0:b.current)==null?void 0:p.focus()};return l.jsxs("div",{className:e,onClick:r,children:[l.jsx("input",{ref:b,id:x,"aria-describedby":w,"aria-invalid":C(s)?"true":"false",type:"number",inputMode:E,value:s,min:i,max:u,required:q,step:c,disabled:m,onChange:D,className:t,...f}),h&&l.jsx(J.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},H=v.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:C(s)},{[n.default["tedi-number-field--disabled"]]:m},{[n.default["tedi-number-field--small"]]:_==="small"},j);return l.jsxs("div",{"data-name":"number-field",className:j,children:[l.jsx(X.FormLabel,{id:x,label:S,required:q,hideLabel:U,size:_}),l.jsxs("div",{className:H,children:[O("decrement"),G(),O("increment")]}),d&&l.jsx(Q.FeedbackText,{className:n.default["tedi-number-field__feedback"],...d,id:w}),L&&l.jsx("div",{"aria-live":"polite",className:"sr-only",children:L})]})};y.displayName="NumberField";exports.NumberField=y;exports.default=y;

package/src/tedi/components/form/number-field/number-field.es.js

@@ -20,13 +20,13 @@ const ie = (y) => {
     decimalPlaces: F,
     min: r,
     max: a,
-    step: o = 1,
+    step: u = 1,
     defaultValue: z,
     value: h,
     onChange: i,
     suffix: B,
     fullWidth: S = !1,
-    disabled: u = !1,
+    disabled: o = !1,
     invalid: M = !1,
     helper: l,
     input: m
@@ -46,19 +46,19 @@ const ie = (y) => {
     }, 5e3);
   }, A = (e) => F !== void 0 ? parseFloat(e.toFixed(F)) : e, D = (e) => {
     let t = s;
-    e === "increment" && (t = t + o), e === "decrement" && (t = t - o), t = I(t), t = A(t), W(t), i == null || i(t), C(t);
+    e === "increment" && (t = t + u), e === "decrement" && (t = t - u), t = I(t), t = A(t), W(t), i == null || i(t), C(t);
   }, G = ({ currentTarget: { value: e } }) => {
     i == null || i(I(+e)), C(I(+e));
   }, E = (e) => {
     const t = e === "increment" ? a !== void 0 && s >= a : r !== void 0 && s <= r, f = b(n["tedi-number-field__button"], n[`tedi-number-field__button--${e}`], {
-      [n["tedi-number-field__button--disabled"]]: t || u
-    }), p = V(`numberField.${e}`, o);
+      [n["tedi-number-field__button--disabled"]]: t || o
+    }), p = V(`numberField.${e}`, u);
     return /* @__PURE__ */ d(
       Y,
       {
         "aria-label": p,
         onClick: () => D(e),
-        disabled: t || u,
+        disabled: t || o,
         visualType: "secondary",
         className: f,
         icon: { name: e === "increment" ? "add" : "remove" },
@@ -88,8 +88,8 @@ const ie = (y) => {
           min: r,
           max: a,
           required: x,
-          step: o,
-          disabled: u,
+          step: u,
+          disabled: o,
           onChange: G,
           className: t,
           ...m
@@ -100,7 +100,7 @@ const ie = (y) => {
   }, J = b(
     n["tedi-number-field"],
     { [n["tedi-number-field--invalid"]]: g(s) },
-    { [n["tedi-number-field--disabled"]]: u },
+    { [n["tedi-number-field--disabled"]]: o },
     { [n["tedi-number-field--small"]]: _ === "small" },
     k
   );
@@ -117,5 +117,6 @@ const ie = (y) => {
 };
 ie.displayName = "NumberField";
 export {
-  ie as NumberField
+  ie as NumberField,
+  ie as default
 };

package/src/tedi/components/form/select/select.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),Ce=require("../../../../../external/classnames/index.cjs.js"),a=require("react"),Oe=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),Le=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),ve=require("../feedback-text/feedback-text.cjs.js"),Ve=require("../form-label/form-label.cjs.js"),g=require("../input-group/input-group.cjs.js"),he=require("./components/select-clear-indicator.cjs.js"),xe=require("./components/select-control.cjs.js"),ye=require("./components/select-dropdown-indicator.cjs.js"),Re=require("./components/select-group.cjs.js"),je=require("./components/select-group-heading.cjs.js"),we=require("./components/select-indicators-container.cjs.js"),Ne=require("./components/select-input.cjs.js"),_e=require("./components/select-loading-indicator.cjs.js"),He=require("./components/select-menu.cjs.js"),Pe=require("./components/select-menu-list.cjs.js"),Te=require("./components/select-menu-portal.cjs.js"),De=require("./components/select-multi-value.cjs.js"),ke=require("./components/select-multi-value-remove.cjs.js"),Fe=require("./components/select-option.cjs.js"),Ee=require("./components/select-value-container.cjs.js"),s=require("./select.module.scss.cjs.js"),Ge=require("../../../providers/label-provider/use-labels.cjs.js"),j=a.forwardRef((S,w)=>{var R;const{options:N,defaultOptions:_,id:b,name:H,iconName:P="arrow_drop_down",label:T,required:M,value:D,defaultValue:k,tagsDirection:I="row",onChange:u,onInputChange:F,inputValue:E,loadOptions:G,isLoading:B,openMenuOnFocus:$=!1,openMenuOnClick:z=!0,tabSelectsValue:A=!1,disabled:q=!1,className:C,hideLabel:W=!1,helper:t,placeholder:J,invalid:K,valid:Q,size:d,async:U=!1,renderOption:X,renderMessageListFooter:O,noOptionsMessage:Y,loadingMessage:Z,multiple:p=!1,closeMenuOnSelect:ee=!p,blurInputOnSelect:L=!1,autoFocus:te=!1,isClearable:se=!0,isClearIndicatorVisible:ne=!1,isSearchable:v=!0,menuIsOpen:le,onMenuClose:oe,onMenuOpen:ae,onBlur:re,inputIsHidden:ie,isTagRemovable:V=!1,optionGroupHeadingText:ce={modifiers:"small",color:"tertiary"},cacheOptions:ue=!0,showRadioButtons:de=!1,renderWithoutLabel:pe,tooltip:me,classNames:h}=S,n=(R=g.useOptionalInputGroup)==null?void 0:R.call(g),fe=a.useId(),ge=n==null?void 0:n.hasExternalLabel,m=S.id??(n==null?void 0:n.inputId)??fe,x=t?(t==null?void 0:t.id)??`${m}-helper`:void 0,r=a.useRef(null),{getLabel:y}=Ge.useLabels();a.useImperativeHandle(w,()=>r.current);const Se=o=>{u==null||u(o),!L&&r.current&&setTimeout(()=>{var i,c;return(c=(i=r.current)==null?void 0:i.inputRef)==null?void 0:c.focus()},0)},be=a.useCallback(o=>l.jsx(Pe.SelectMenuList,{...o,renderMessageListFooter:O}),[O]),Me=()=>{const o={ClearIndicator:e=>he.SelectClearIndicator({isClearIndicatorVisible:ne,...e}),DropdownIndicator:()=>ye.SelectDropDownIndicator({iconName:P}),IndicatorSeparator:()=>null,MenuPortal:Te.SelectMenuPortal,Menu:He.SelectMenu,MenuList:be,Option:e=>Fe.SelectOption({renderOption:X,multiple:p,showRadioButtons:de,...e}),Control:e=>xe.SelectControl({...e,className:C}),Input:Ne.SelectInput,MultiValue:e=>De.SelectMultiValue({isTagRemovable:V,...e}),MultiValueRemove:ke.SelectMultiValueRemove,Group:Re.SelectGroup,GroupHeading:e=>je.SelectGroupHeading({optionGroupHeadingText:ce,...e}),IndicatorsContainer:we.SelectIndicatorsContainer,ValueContainer:Ee.SelectValueContainer,LoadingIndicator:_e.SelectLoadingIndicator},i=U?Le.default:Oe.default,c=()=>y("select.no-options"),qe=()=>y("select.loading");return l.jsx(i,{id:m,"aria-describedby":x,autoFocus:te,ref:r,instanceId:b,className:"tedi-select__wrapper",name:H,options:N,defaultOptions:_,value:D,defaultValue:k,cacheOptions:ue,onChange:Se,onInputChange:F,onBlur:re,inputValue:E,inputId:`${b}-input`,loadOptions:G,isLoading:B,noOptionsMessage:Y||c,loadingMessage:Z||qe,classNamePrefix:"select",components:o,isDisabled:q,isSearchable:v,menuIsOpen:le,openMenuOnFocus:$,openMenuOnClick:z,tabSelectsValue:A,onMenuClose:oe,onMenuOpen:ae,placeholder:J||"",isClearable:se,backspaceRemovesValue:V,menuShouldScrollIntoView:!0,isMulti:p,hideSelectedOptions:!1,closeMenuOnSelect:ee,blurInputOnSelect:L,menuPlacement:"auto",inputIsHidden:ie,required:M,menuPortalTarget:document.body,menuPosition:"absolute",classNames:h?Object.fromEntries(Object.entries(h).map(([e,f])=>[e,typeof f=="string"?()=>f:f])):void 0,theme:e=>({...e,colors:{...e.colors,primary:"var(--tedi-blue-600)",danger:"var(--tedi-red-600)",dangerLight:"var(--tedi-red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},Ie=Ce.default(s.default["tedi-select"],C,{[s.default["tedi-select--invalid"]]:K||(t==null?void 0:t.type)==="error"},{[s.default["tedi-select--valid"]]:Q||(t==null?void 0:t.type)==="valid"},{[s.default[`tedi-select--${d}`]]:d},{[s.default[`tedi-select--tags-${I}`]]:I},{[s.default["tedi-select--searchable"]]:v},{[s.default["tedi-select--disabled"]]:q});return l.jsxs("div",{"data-name":"select",className:Ie,children:[l.jsxs("div",{className:s.default["tedi-select__inner"],children:[!ge&&l.jsx(Ve.FormLabel,{id:`${m}-input`,label:T,required:M,hideLabel:W,size:d,renderWithoutLabel:pe,tooltip:me}),Me()]}),t&&l.jsx(ve.FeedbackText,{...t,id:x})]})});j.displayName="Select";exports.Select=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),Ce=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),Oe=require("../../../../../external/react-select/dist/react-select.esm.cjs.js"),ve=require("../../../../../external/react-select/async/dist/react-select-async.esm.cjs.js"),Le=require("../feedback-text/feedback-text.cjs.js"),Ve=require("../form-label/form-label.cjs.js"),g=require("../input-group/input-group.cjs.js"),he=require("./components/select-clear-indicator.cjs.js"),xe=require("./components/select-control.cjs.js"),Re=require("./components/select-dropdown-indicator.cjs.js"),ye=require("./components/select-group.cjs.js"),_e=require("./components/select-group-heading.cjs.js"),je=require("./components/select-indicators-container.cjs.js"),we=require("./components/select-input.cjs.js"),Ne=require("./components/select-loading-indicator.cjs.js"),He=require("./components/select-menu.cjs.js"),Pe=require("./components/select-menu-list.cjs.js"),Te=require("./components/select-menu-portal.cjs.js"),De=require("./components/select-multi-value.cjs.js"),ke=require("./components/select-multi-value-remove.cjs.js"),Fe=require("./components/select-option.cjs.js"),Ee=require("./components/select-value-container.cjs.js"),s=require("./select.module.scss.cjs.js"),Ge=require("../../../providers/label-provider/use-labels.cjs.js"),S=o.forwardRef((b,j)=>{var _;const{options:w,defaultOptions:N,id:M,name:H,iconName:P="arrow_drop_down",label:T,required:I,value:D,defaultValue:k,tagsDirection:q="row",onChange:u,onInputChange:F,inputValue:E,loadOptions:G,isLoading:B,openMenuOnFocus:$=!1,openMenuOnClick:z=!0,tabSelectsValue:A=!1,disabled:C=!1,className:O,hideLabel:W=!1,helper:t,placeholder:J,invalid:K,valid:Q,size:d,async:U=!1,renderOption:X,renderMessageListFooter:v,noOptionsMessage:Y,loadingMessage:Z,multiple:p=!1,closeMenuOnSelect:ee=!p,blurInputOnSelect:L=!1,autoFocus:te=!1,isClearable:se=!0,isClearIndicatorVisible:ne=!1,isSearchable:V=!0,menuIsOpen:le,onMenuClose:ae,onMenuOpen:oe,onBlur:re,inputIsHidden:ie,isTagRemovable:h=!1,optionGroupHeadingText:ce={modifiers:"small",color:"tertiary"},cacheOptions:ue=!0,showRadioButtons:de=!1,renderWithoutLabel:pe,tooltip:me,classNames:x}=b,n=(_=g.useOptionalInputGroup)==null?void 0:_.call(g),fe=o.useId(),ge=n==null?void 0:n.hasExternalLabel,m=b.id??(n==null?void 0:n.inputId)??fe,R=t?(t==null?void 0:t.id)??`${m}-helper`:void 0,r=o.useRef(null),{getLabel:y}=Ge.useLabels();o.useImperativeHandle(j,()=>r.current);const Se=a=>{u==null||u(a),!L&&r.current&&setTimeout(()=>{var i,c;return(c=(i=r.current)==null?void 0:i.inputRef)==null?void 0:c.focus()},0)},be=o.useCallback(a=>l.jsx(Pe.SelectMenuList,{...a,renderMessageListFooter:v}),[v]),Me=()=>{const a={ClearIndicator:e=>he.SelectClearIndicator({isClearIndicatorVisible:ne,...e}),DropdownIndicator:()=>Re.SelectDropDownIndicator({iconName:P}),IndicatorSeparator:()=>null,MenuPortal:Te.SelectMenuPortal,Menu:He.SelectMenu,MenuList:be,Option:e=>Fe.SelectOption({renderOption:X,multiple:p,showRadioButtons:de,...e}),Control:e=>xe.SelectControl({...e,className:O}),Input:we.SelectInput,MultiValue:e=>De.SelectMultiValue({isTagRemovable:h,...e}),MultiValueRemove:ke.SelectMultiValueRemove,Group:ye.SelectGroup,GroupHeading:e=>_e.SelectGroupHeading({optionGroupHeadingText:ce,...e}),IndicatorsContainer:je.SelectIndicatorsContainer,ValueContainer:Ee.SelectValueContainer,LoadingIndicator:Ne.SelectLoadingIndicator},i=U?ve.default:Oe.default,c=()=>y("select.no-options"),qe=()=>y("select.loading");return l.jsx(i,{id:m,"aria-describedby":R,autoFocus:te,ref:r,instanceId:M,className:"tedi-select__wrapper",name:H,options:w,defaultOptions:N,value:D,defaultValue:k,cacheOptions:ue,onChange:Se,onInputChange:F,onBlur:re,inputValue:E,inputId:`${M}-input`,loadOptions:G,isLoading:B,noOptionsMessage:Y||c,loadingMessage:Z||qe,classNamePrefix:"select",components:a,isDisabled:C,isSearchable:V,menuIsOpen:le,openMenuOnFocus:$,openMenuOnClick:z,tabSelectsValue:A,onMenuClose:ae,onMenuOpen:oe,placeholder:J||"",isClearable:se,backspaceRemovesValue:h,menuShouldScrollIntoView:!0,isMulti:p,hideSelectedOptions:!1,closeMenuOnSelect:ee,blurInputOnSelect:L,menuPlacement:"auto",inputIsHidden:ie,required:I,menuPortalTarget:document.body,menuPosition:"absolute",classNames:x?Object.fromEntries(Object.entries(x).map(([e,f])=>[e,typeof f=="string"?()=>f:f])):void 0,theme:e=>({...e,colors:{...e.colors,primary:"var(--tedi-blue-600)",danger:"var(--tedi-red-600)",dangerLight:"var(--tedi-red-200)"}}),styles:{input:e=>({...e,gridTemplateColumns:"0fr"})}})},Ie=Ce.default(s.default["tedi-select"],O,{[s.default["tedi-select--invalid"]]:K||(t==null?void 0:t.type)==="error"},{[s.default["tedi-select--valid"]]:Q||(t==null?void 0:t.type)==="valid"},{[s.default[`tedi-select--${d}`]]:d},{[s.default[`tedi-select--tags-${q}`]]:q},{[s.default["tedi-select--searchable"]]:V},{[s.default["tedi-select--disabled"]]:C});return l.jsxs("div",{"data-name":"select",className:Ie,children:[l.jsxs("div",{className:s.default["tedi-select__inner"],children:[!ge&&l.jsx(Ve.FormLabel,{id:`${m}-input`,label:T,required:I,hideLabel:W,size:d,renderWithoutLabel:pe,tooltip:me}),Me()]}),t&&l.jsx(Le.FeedbackText,{...t,id:R})]})});S.displayName="Select";exports.Select=S;exports.default=S;

package/src/tedi/components/form/select/select.es.js

@@ -68,8 +68,8 @@ const qe = ve(
       menuIsOpen: ae,
       onMenuClose: ne,
       onMenuOpen: re,
-      onBlur: ie,
-      inputIsHidden: se,
+      onBlur: se,
+      inputIsHidden: ie,
       isTagRemovable: h = !1,
       optionGroupHeadingText: le = { modifiers: "small", color: "tertiary" },
       cacheOptions: ce = !0,
@@ -84,8 +84,8 @@ const qe = ve(
     );
     const ge = (n) => {
       d == null || d(n), !C && r.current && setTimeout(() => {
-        var i, s;
-        return (s = (i = r.current) == null ? void 0 : i.inputRef) == null ? void 0 : s.focus();
+        var s, i;
+        return (i = (s = r.current) == null ? void 0 : s.inputRef) == null ? void 0 : i.focus();
       }, 0);
     }, Se = c.useCallback(
       (n) => /* @__PURE__ */ l(De, { ...n, renderMessageListFooter: v }),
@@ -108,9 +108,9 @@ const qe = ve(
         IndicatorsContainer: xe,
         ValueContainer: Be,
         LoadingIndicator: Pe
-      }, i = Q ? Le : Ce, s = () => V("select.no-options"), Ie = () => V("select.loading");
+      }, s = Q ? Le : Ce, i = () => V("select.no-options"), Ie = () => V("select.loading");
       return /* @__PURE__ */ l(
-        i,
+        s,
         {
           id: p,
           "aria-describedby": N,
@@ -126,12 +126,12 @@ const qe = ve(
           cacheOptions: ce,
           onChange: ge,
           onInputChange: j,
-          onBlur: ie,
+          onBlur: se,
           inputValue: k,
           inputId: `${S}-input`,
           loadOptions: E,
           isLoading: B,
-          noOptionsMessage: X || s,
+          noOptionsMessage: X || i,
           loadingMessage: Y || Ie,
           classNamePrefix: "select",
           components: n,
@@ -152,7 +152,7 @@ const qe = ve(
           closeMenuOnSelect: Z,
           blurInputOnSelect: C,
           menuPlacement: "auto",
-          inputIsHidden: se,
+          inputIsHidden: ie,
           required: b,
           menuPortalTarget: document.body,
           menuPosition: "absolute",
@@ -211,5 +211,6 @@ const qe = ve(
 );
 qe.displayName = "Select";
 export {
-  qe as Select
+  qe as Select,
+  qe as default
 };

package/src/tedi/components/form/slider/slider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),ne=require("../../overlays/tooltip/tooltip.cjs.js"),de=require("../../overlays/tooltip/tooltip-content.cjs.js"),oe=require("../../overlays/tooltip/tooltip-trigger.cjs.js"),ue=require("../feedback-text/feedback-text.cjs.js"),ce=require("../form-label/form-label.cjs.js"),t=require("./slider.module.scss.cjs.js"),fe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),F=e.forwardRef((h,M)=>{const{getCurrentBreakpointProps:V}=fe.useBreakpointProps(h.defaultServerBreakpoint),{id:E,name:P,label:x,hideLabel:R,required:_,min:l=0,max:d=100,step:D=1,value:c,defaultValue:$,onChange:o,disabled:s=!1,invalid:H=!1,minLabel:f,maxLabel:O,showCurrentValue:p=!1,valueFormatter:k,tooltip:U=!0,addonRight:j,helper:r,className:z,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J}=V(h),K=e.useId(),b=E??`tedi-slider-${K}`,w=r?r.id??`${b}-helper`:void 0,[Q,W]=e.useState($??l),u=Math.min(d,Math.max(l,c??Q)),[X,L]=e.useState(!1),[Y,N]=e.useState(!1),[i,C]=e.useState(!1),S=!!U&&!s,Z=S&&(X||Y||i),ee=e.useCallback(()=>L(!0),[]),ae=e.useCallback(()=>L(!1),[]),te=e.useCallback(()=>N(!0),[]),re=e.useCallback(()=>N(!1),[]),T=e.useRef(null),n=e.useCallback(()=>{T.current=null,C(!1)},[]);e.useEffect(()=>{if(i)return window.addEventListener("pointerup",n),window.addEventListener("pointercancel",n),()=>{window.removeEventListener("pointerup",n),window.removeEventListener("pointercancel",n)}},[i,n]);const le=e.useCallback(g=>{s||(T.current=g.pointerId,C(!0))},[s]),se=e.useCallback(g=>{const B=Number(g.target.value);c===void 0&&W(B),o==null||o(B)},[o,c]),q=H||(r==null?void 0:r.type)==="error",I=d===l?0:(u-l)/(d-l)*100,y=k?k(u):u,v=p?y:O,ie=m.default(t.default["tedi-slider"],{[t.default["tedi-slider--disabled"]]:s,[t.default["tedi-slider--invalid"]]:q,[t.default["tedi-slider--dragging"]]:i&&!s},z);return a.jsxs("div",{"data-name":"slider",className:ie,children:[x&&a.jsx(ce.FormLabel,{id:b,label:x,required:_,hideLabel:R}),a.jsxs("div",{className:t.default["tedi-slider__container"],children:[a.jsxs("div",{className:t.default["tedi-slider__track-row"],children:[f!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":"true",children:f}),a.jsxs("div",{className:t.default["tedi-slider__track"],style:{"--tedi-slider-progress":`${I}%`,"--tedi-slider-progress-ratio":`${I/100}`},children:[a.jsx("input",{ref:M,id:b,name:P,type:"range",min:l,max:d,step:D,value:u,disabled:s,required:_,"aria-invalid":q?"true":void 0,"aria-describedby":w,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J,onChange:se,onMouseEnter:ee,onMouseLeave:ae,onPointerDown:le,onFocus:te,onBlur:re,className:m.default(t.default["tedi-slider__input"],{[t.default["tedi-slider__input--dragging"]]:i})}),S&&a.jsxs(ne.Tooltip,{open:Z,onToggle:()=>{},focusManager:{returnFocus:!1,initialFocus:-1},placement:"top",trackReferencePosition:!0,children:[a.jsx(oe.TooltipTrigger,{children:a.jsx("span",{className:t.default["tedi-slider__thumb-anchor"],"aria-hidden":"true",tabIndex:-1})}),a.jsx(de.TooltipContent,{children:y})]})]}),v!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":p?void 0:"true","aria-live":p?"polite":void 0,children:v})]}),j&&a.jsx("div",{className:t.default["tedi-slider__addon"],children:j})]}),r&&a.jsx(ue.FeedbackText,{...r,id:w,className:m.default(t.default["tedi-slider__feedback"],r.className)})]})});F.displayName="Slider";exports.Slider=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),ne=require("../../overlays/tooltip/tooltip.cjs.js"),de=require("../../overlays/tooltip/tooltip-content.cjs.js"),oe=require("../../overlays/tooltip/tooltip-trigger.cjs.js"),ue=require("../feedback-text/feedback-text.cjs.js"),ce=require("../form-label/form-label.cjs.js"),t=require("./slider.module.scss.cjs.js"),fe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),h=e.forwardRef((x,F)=>{const{getCurrentBreakpointProps:V}=fe.useBreakpointProps(x.defaultServerBreakpoint),{id:E,name:P,label:_,hideLabel:R,required:k,min:r=0,max:d=100,step:D=1,value:c,defaultValue:$,onChange:o,disabled:s=!1,invalid:H=!1,minLabel:f,maxLabel:O,showCurrentValue:p=!1,valueFormatter:j,tooltip:U=!0,addonRight:w,helper:l,className:z,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J}=V(x),K=e.useId(),v=E??`tedi-slider-${K}`,L=l?l.id??`${v}-helper`:void 0,[Q,W]=e.useState($??r),u=Math.min(d,Math.max(r,c??Q)),[X,N]=e.useState(!1),[Y,C]=e.useState(!1),[i,S]=e.useState(!1),T=!!U&&!s,Z=T&&(X||Y||i),ee=e.useCallback(()=>N(!0),[]),ae=e.useCallback(()=>N(!1),[]),te=e.useCallback(()=>C(!0),[]),le=e.useCallback(()=>C(!1),[]),q=e.useRef(null),n=e.useCallback(()=>{q.current=null,S(!1)},[]);e.useEffect(()=>{if(i)return window.addEventListener("pointerup",n),window.addEventListener("pointercancel",n),()=>{window.removeEventListener("pointerup",n),window.removeEventListener("pointercancel",n)}},[i,n]);const re=e.useCallback(g=>{s||(q.current=g.pointerId,S(!0))},[s]),se=e.useCallback(g=>{const B=Number(g.target.value);c===void 0&&W(B),o==null||o(B)},[o,c]),I=H||(l==null?void 0:l.type)==="error",M=d===r?0:(u-r)/(d-r)*100,y=j?j(u):u,b=p?y:O,ie=m.default(t.default["tedi-slider"],{[t.default["tedi-slider--disabled"]]:s,[t.default["tedi-slider--invalid"]]:I,[t.default["tedi-slider--dragging"]]:i&&!s},z);return a.jsxs("div",{"data-name":"slider",className:ie,children:[_&&a.jsx(ce.FormLabel,{id:v,label:_,required:k,hideLabel:R}),a.jsxs("div",{className:t.default["tedi-slider__container"],children:[a.jsxs("div",{className:t.default["tedi-slider__track-row"],children:[f!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":"true",children:f}),a.jsxs("div",{className:t.default["tedi-slider__track"],style:{"--tedi-slider-progress":`${M}%`,"--tedi-slider-progress-ratio":`${M/100}`},children:[a.jsx("input",{ref:F,id:v,name:P,type:"range",min:r,max:d,step:D,value:u,disabled:s,required:k,"aria-invalid":I?"true":void 0,"aria-describedby":L,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J,onChange:se,onMouseEnter:ee,onMouseLeave:ae,onPointerDown:re,onFocus:te,onBlur:le,className:m.default(t.default["tedi-slider__input"],{[t.default["tedi-slider__input--dragging"]]:i})}),T&&a.jsxs(ne.Tooltip,{open:Z,onToggle:()=>{},focusManager:{returnFocus:!1,initialFocus:-1},placement:"top",trackReferencePosition:!0,children:[a.jsx(oe.TooltipTrigger,{children:a.jsx("span",{className:t.default["tedi-slider__thumb-anchor"],"aria-hidden":"true",tabIndex:-1})}),a.jsx(de.TooltipContent,{children:y})]})]}),b!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":p?void 0:"true","aria-live":p?"polite":void 0,children:b})]}),w&&a.jsx("div",{className:t.default["tedi-slider__addon"],children:w})]}),l&&a.jsx(ue.FeedbackText,{...l,id:L,className:m.default(t.default["tedi-slider__feedback"],l.className)})]})});h.displayName="Slider";exports.Slider=h;exports.default=h;

package/src/tedi/components/form/slider/slider.es.js

@@ -141,5 +141,6 @@ const be = oe((N, S) => {
 });
 be.displayName = "Slider";
 export {
-  be as Slider
+  be as Slider,
+  be as default
 };