@tedi-design-system/react 15.0.0-rc.3 → 15.0.0-rc.5

package/src/community/components/table/components/pagination/PaginationNextButton.es.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import g from "react";
-import { Icon as d } from "../../../icon/icon.es.js";
+import { Icon as d } from "../../../../../tedi/components/base/icon/icon.es.js";
 import { TableContext as x } from "../../table-context.es.js";
 import a from "./pagination.module.scss.es.js";
 import { useLabels as u } from "../../../../../tedi/providers/label-provider/use-labels.es.js";

package/src/community/components/table/components/pagination/pagination.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),h=require("react"),j=require("../../../form/select/select.cjs.js"),m=require("../../../typography/text/text.cjs.js"),_=require("../../table-context.cjs.js"),l=require("./pagination.module.scss.cjs.js"),y=require("./PaginationNextButton.cjs.js"),z=require("./PaginationPageButton.cjs.js"),C=require("./use-pagination.cjs.js"),L=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=s=>{const{getLabel:i}=L.useLabels(),{table:u,id:r}=h.useContext(_.TableContext),c=i("pagination.results",s.totalRows),{setPageSize:g,getState:d,getPageCount:p}=u,{pageIndex:b,pageSize:n}=d().pagination,o=[{value:"5",label:"5"},{value:"10",label:"10"},{value:"20",label:"20"},{value:"50",label:"50"},{value:"100",label:"100"}],v=Math.ceil(s.totalRows/n),{paginationItems:x}=C.usePagination({page:b+1,count:v}),f=o.find(e=>e.value===String(n))??{value:String(n),label:String(n)},P=e=>{const t=parseInt((e==null?void 0:e.value)||"10");g(t)},q=(e,t)=>e.type==="previous"||e.type==="next"?a.jsx(y.default,{type:e.type},t):e.type==="ellipsis"?a.jsx("li",{className:S.default(l.default.pagination__page),children:"..."},t):a.jsx(z.default,{item:e},t);return a.jsxs("div",{className:l.default.pagination__wrapper,children:[a.jsxs(m.Text,{color:"muted",modifiers:"small",children:[s.totalRows," ",c]}),p()>1&&a.jsx("nav",{role:"navigation","aria-label":i("pagination.title"),className:l.default.pagination,children:a.jsx("ul",{className:l.default.pagination__pages,children:x.map((e,t)=>q(e,t))})}),a.jsx(j.Select,{id:`page-size-${r}`,label:i("pagination.page-size"),hideLabel:!0,isSearchable:!1,isClearable:!1,onChange:e=>P(e),value:f,size:"small",options:o})]})};exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),S=require("../../../../../../external/classnames/index.cjs.js"),h=require("react"),j=require("../../../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../form/select/select.cjs.js"),m=require("../../table-context.cjs.js"),l=require("./pagination.module.scss.cjs.js"),y=require("./PaginationNextButton.cjs.js"),z=require("./PaginationPageButton.cjs.js"),C=require("./use-pagination.cjs.js"),L=require("../../../../../tedi/providers/label-provider/use-labels.cjs.js"),N=s=>{const{getLabel:i}=L.useLabels(),{table:r,id:u}=h.useContext(m.TableContext),c=i("pagination.results",s.totalRows),{setPageSize:g,getState:d,getPageCount:p}=r,{pageIndex:b,pageSize:n}=d().pagination,o=[{value:"5",label:"5"},{value:"10",label:"10"},{value:"20",label:"20"},{value:"50",label:"50"},{value:"100",label:"100"}],v=Math.ceil(s.totalRows/n),{paginationItems:x}=C.usePagination({page:b+1,count:v}),f=o.find(e=>e.value===String(n))??{value:String(n),label:String(n)},P=e=>{const t=parseInt((e==null?void 0:e.value)||"10");g(t)},q=(e,t)=>e.type==="previous"||e.type==="next"?a.jsx(y.default,{type:e.type},t):e.type==="ellipsis"?a.jsx("li",{className:S.default(l.default.pagination__page),children:"..."},t):a.jsx(z.default,{item:e},t);return a.jsxs("div",{className:l.default.pagination__wrapper,children:[a.jsxs(j.Text,{color:"secondary",modifiers:"small",children:[s.totalRows," ",c]}),p()>1&&a.jsx("nav",{role:"navigation","aria-label":i("pagination.title"),className:l.default.pagination,children:a.jsx("ul",{className:l.default.pagination__pages,children:x.map((e,t)=>q(e,t))})}),a.jsx(_.Select,{id:`page-size-${u}`,label:i("pagination.page-size"),hideLabel:!0,isSearchable:!1,isClearable:!1,onChange:e=>P(e),value:f,size:"small",options:o})]})};exports.default=N;

package/src/community/components/table/components/pagination/pagination.es.js

@@ -1,8 +1,8 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import _ from "../../../../../../external/classnames/index.es.js";
 import x from "react";
-import { Select as y } from "../../../form/select/select.es.js";
-import { Text as z } from "../../../typography/text/text.es.js";
+import { Text as y } from "../../../../../tedi/components/base/typography/text/text.es.js";
+import { Select as z } from "../../../form/select/select.es.js";
 import { TableContext as N } from "../../table-context.es.js";
 import n from "./pagination.module.scss.es.js";
 import C from "./PaginationNextButton.es.js";
@@ -27,14 +27,14 @@ const D = (i) => {
     u(e);
   }, S = (a, e) => a.type === "previous" || a.type === "next" ? /* @__PURE__ */ t(C, { type: a.type }, e) : a.type === "ellipsis" ? /* @__PURE__ */ t("li", { className: _(n.pagination__page), children: "..." }, e) : /* @__PURE__ */ t(w, { item: a }, e);
   return /* @__PURE__ */ r("div", { className: n.pagination__wrapper, children: [
-    /* @__PURE__ */ r(z, { color: "muted", modifiers: "small", children: [
+    /* @__PURE__ */ r(y, { color: "secondary", modifiers: "small", children: [
       i.totalRows,
       " ",
       c
     ] }),
     f() > 1 && /* @__PURE__ */ t("nav", { role: "navigation", "aria-label": o("pagination.title"), className: n.pagination, children: /* @__PURE__ */ t("ul", { className: n.pagination__pages, children: v.map((a, e) => S(a, e)) }) }),
     /* @__PURE__ */ t(
-      y,
+      z,
       {
         id: `page-size-${p}`,
         label: o("pagination.page-size"),

package/src/community/components/table/components/table-filter/components/table-date-filter.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("dayjs"),_=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),q=require("react"),c=require("../../../../../../../external/yup/index.esm.cjs.js"),y=require("../../../../button/button.cjs.js"),$=require("../../../../typography/text/text.cjs.js"),A=require("../table-filter-context.cjs.js"),C=require("../../../../form/pickers/datepicker/datepicker.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),v=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),z=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),D=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),G=()=>{var m,x,j,p,S;const{getLabel:a}=M.useLabels(),{column:t,open:b,setOpen:l,values:f}=q.useContext(A.TableFilterContext),k={dateRangeField:f==null?void 0:f.dateRange},s=(m=t==null?void 0:t.columnDef)==null?void 0:m.meta,T=(s==null?void 0:s.startDatePicker)??{},P=(s==null?void 0:s.endDatePicker)??{},B=a("table.filter"),F=a("table.filter.from"),R=a("table.filter.to"),u=`filter-date-${t==null?void 0:t.id}-from`,L=`filter-date-${t==null?void 0:t.id}-to`,I=a("table.filter.validation.to-before-from"),w=c.object().shape({dateRangeField:c.object().shape({from:c.string().defined().nullable(),to:c.string().defined().nullable().test("to-before-from",I,function(e){const{from:r}=this.parent;return!(e&&r&&n(e).isBefore(n(r),"day"))})})}),{values:i,errors:h,setFieldValue:g,handleReset:V,handleSubmit:E}=_.useFormik({initialValues:k,validationSchema:w,onSubmit:e=>{t==null||t.setFilterValue(e.dateRangeField),l==null||l(!1)},onReset:()=>{t==null||t.setFilterValue(""),l==null||l(!1)}});return q.useEffect(()=>{var e;if(b&&!i.dateRangeField){const r=document.getElementById(u);(e=r==null?void 0:r.focus)==null||e.call(r,{preventScroll:!0})}},[t==null?void 0:t.id,i.dateRangeField,b,u]),o.jsx("form",{onSubmit:E,children:o.jsxs(v.VerticalSpacing,{children:[o.jsx($.Text,{modifiers:"h5",children:B}),o.jsx(C.DatePicker,{id:u,label:F,...T,name:F,value:(x=i.dateRangeField)!=null&&x.from?n(i.dateRangeField.from):null,input:{autoComplete:"off"},onChange:e=>{var r,d;g("dateRangeField.from",(e==null?void 0:e.toISOString())??null),e&&((r=i.dateRangeField)!=null&&r.to)&&n(e).isAfter(n((d=i.dateRangeField)==null?void 0:d.to),"day")&&g("dateRangeField.to",null)}}),o.jsx(C.DatePicker,{id:L,label:R,shouldDisableDate:e=>{var r,d;return!!((r=i.dateRangeField)!=null&&r.from&&n(e).isBefore(n((d=i.dateRangeField)==null?void 0:d.from),"day"))},...P,name:R,value:(j=i.dateRangeField)!=null&&j.to?n((p=i.dateRangeField)==null?void 0:p.to):null,input:{autoComplete:"off"},onChange:e=>g("dateRangeField.to",(e==null?void 0:e.toISOString())??null),helper:(S=h.dateRangeField)!=null&&S.to?{text:h.dateRangeField.to,type:"error"}:void 0}),o.jsxs(z.Row,{gutter:2,justifyContent:"end",children:[o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{visualType:"secondary",onClick:V,children:a("clear")})}),o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{type:"submit",children:a("table.filter")})})]})]})})};exports.TableDateFilter=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("dayjs"),_=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),q=require("react"),c=require("../../../../../../../external/yup/index.esm.cjs.js"),$=require("../../../../../../tedi/components/base/typography/text/text.cjs.js"),y=require("../../../../button/button.cjs.js"),A=require("../table-filter-context.cjs.js"),C=require("../../../../form/pickers/datepicker/datepicker.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),v=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),z=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),D=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),G=()=>{var m,x,j,p,S;const{getLabel:a}=M.useLabels(),{column:t,open:b,setOpen:l,values:f}=q.useContext(A.TableFilterContext),k={dateRangeField:f==null?void 0:f.dateRange},s=(m=t==null?void 0:t.columnDef)==null?void 0:m.meta,T=(s==null?void 0:s.startDatePicker)??{},P=(s==null?void 0:s.endDatePicker)??{},B=a("table.filter"),F=a("table.filter.from"),R=a("table.filter.to"),u=`filter-date-${t==null?void 0:t.id}-from`,L=`filter-date-${t==null?void 0:t.id}-to`,I=a("table.filter.validation.to-before-from"),w=c.object().shape({dateRangeField:c.object().shape({from:c.string().defined().nullable(),to:c.string().defined().nullable().test("to-before-from",I,function(e){const{from:r}=this.parent;return!(e&&r&&n(e).isBefore(n(r),"day"))})})}),{values:i,errors:h,setFieldValue:g,handleReset:V,handleSubmit:E}=_.useFormik({initialValues:k,validationSchema:w,onSubmit:e=>{t==null||t.setFilterValue(e.dateRangeField),l==null||l(!1)},onReset:()=>{t==null||t.setFilterValue(""),l==null||l(!1)}});return q.useEffect(()=>{var e;if(b&&!i.dateRangeField){const r=document.getElementById(u);(e=r==null?void 0:r.focus)==null||e.call(r,{preventScroll:!0})}},[t==null?void 0:t.id,i.dateRangeField,b,u]),o.jsx("form",{onSubmit:E,children:o.jsxs(v.VerticalSpacing,{children:[o.jsx($.Text,{modifiers:"h5",children:B}),o.jsx(C.DatePicker,{id:u,label:F,...T,name:F,value:(x=i.dateRangeField)!=null&&x.from?n(i.dateRangeField.from):null,input:{autoComplete:"off"},onChange:e=>{var r,d;g("dateRangeField.from",(e==null?void 0:e.toISOString())??null),e&&((r=i.dateRangeField)!=null&&r.to)&&n(e).isAfter(n((d=i.dateRangeField)==null?void 0:d.to),"day")&&g("dateRangeField.to",null)}}),o.jsx(C.DatePicker,{id:L,label:R,shouldDisableDate:e=>{var r,d;return!!((r=i.dateRangeField)!=null&&r.from&&n(e).isBefore(n((d=i.dateRangeField)==null?void 0:d.from),"day"))},...P,name:R,value:(j=i.dateRangeField)!=null&&j.to?n((p=i.dateRangeField)==null?void 0:p.to):null,input:{autoComplete:"off"},onChange:e=>g("dateRangeField.to",(e==null?void 0:e.toISOString())??null),helper:(S=h.dateRangeField)!=null&&S.to?{text:h.dateRangeField.to,type:"error"}:void 0}),o.jsxs(z.Row,{gutter:2,justifyContent:"end",children:[o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{visualType:"secondary",onClick:V,children:a("clear")})}),o.jsx(D.Col,{width:"auto",children:o.jsx(y.Button,{type:"submit",children:a("table.filter")})})]})]})})};exports.TableDateFilter=G;

package/src/community/components/table/components/table-filter/components/table-date-filter.es.js

@@ -3,8 +3,8 @@ import a from "dayjs";
 import { useFormik as q } from "../../../../../../../external/formik/dist/formik.esm.es.js";
 import D from "react";
 import { object as x, string as T } from "../../../../../../../external/yup/index.esm.es.js";
+import { Text as z } from "../../../../../../tedi/components/base/typography/text/text.es.js";
 import { Button as j } from "../../../../button/button.es.js";
-import { Text as z } from "../../../../typography/text/text.es.js";
 import { TableFilterContext as G } from "../table-filter-context.es.js";
 import { DatePicker as k } from "../../../../form/pickers/datepicker/datepicker.es.js";
 import { useLabels as H } from "../../../../../../tedi/providers/label-provider/use-labels.es.js";

package/src/community/components/table/components/table-filter/components/table-select-filter.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),B=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),G=require("react"),F=require("../../../../button/button.cjs.js"),N=require("../../../../card/card.cjs.js"),z=require("../../../../card/card-content/card-content.cjs.js"),P=require("../../../../typography/heading/heading.cjs.js"),S=require("../../../table.module.scss.cjs.js"),H=require("../table-filter-context.cjs.js"),I=require("../../../../form/choice-group/choice-group.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),E=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),q=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),y=s=>{var e,o;return(o=(e=s==null?void 0:s.filter(Boolean))==null?void 0:e.filter((i,r,l)=>(l==null?void 0:l.indexOf(i))===r))==null?void 0:o.sort((i,r)=>{var l;return typeof i=="number"&&typeof r=="number"?i-r:typeof i=="string"&&typeof r=="string"?(l=i==null?void 0:i.localeCompare)==null?void 0:l.call(i,r):0})},J=()=>{var m,C,j,x;const{getLabel:s}=M.useLabels(),{column:e,rows:o,setOpen:i,values:r}=G.useContext(H.TableFilterContext),l=s("table.filter"),f=(m=e==null?void 0:e.columnDef)==null?void 0:m.filterFn,c=f==="select"?"selectFilter":"multiSelectFilter",T={inputType:f,selectFilter:r==null?void 0:r.selectField,multiSelectFilter:r==null?void 0:r.multiSelectField},h=(C=e==null?void 0:e.columnDef)==null?void 0:C.meta,u=h==null?void 0:h.filterOptions,p=t=>typeof t=="object"&&t!==null&&"id"in t&&"label"in t&&"value"in t,k=o!=null&&o.length&&typeof((j=e==null?void 0:e.columnDef)==null?void 0:j.id)=="string"?o.map(t=>{var d,a;return(a=t==null?void 0:t.getValue)==null?void 0:a.call(t,(d=e==null?void 0:e.columnDef)==null?void 0:d.id)}):[],b=u!=null&&u.length?p(u[0])?u:y(u):y(k),R=b==null?void 0:b.map((t,d)=>{var a;return p(t)?t:{id:`${(a=e==null?void 0:e.columnDef)==null?void 0:a.id}-choice-${d}`,label:String(t),value:String(t)}}),{values:_,setFieldValue:D,handleReset:L,handleSubmit:$,errors:g}=B.useFormik({initialValues:T,onSubmit:t=>{var d;e==null||e.setFilterValue((d=t[c])!=null&&d.length?t[c]:""),i==null||i(!1)},onReset:()=>{e==null||e.setFilterValue(""),i==null||i(!1)}}),v=t=>D(c,t);return n.jsx("form",{onSubmit:$,children:n.jsxs(A.VerticalSpacing,{children:[n.jsx(P.Heading,{element:"h6",children:s("table.filter")}),n.jsx(N.Card,{className:S.default.filter__content,children:n.jsx(z.CardContent,{children:n.jsx(I.ChoiceGroup,{id:`filter-${c}-${e==null?void 0:e.id}`,name:l,label:l,hideLabel:!0,inputType:f==="select"?"radio":"checkbox",size:"small",value:_[c],indeterminateCheck:!0,indeterminateCheckProps:{indented:!1,className:S.default.filter__indeterminate},items:R,onChange:v,helper:((x=g[c])==null?void 0:x.length)!==0?{text:g[c],type:"error"}:{text:""}})})}),n.jsxs(E.Row,{gutter:2,justifyContent:"end",children:[n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{visualType:"secondary",onClick:L,children:s("clear")})}),n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{type:"submit",children:s("table.filter")})})]})]})})};exports.TableSelectFilter=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),B=require("../../../../../../../external/formik/dist/formik.esm.cjs.js"),G=require("react"),N=require("../../../../../../tedi/components/base/typography/heading/heading.cjs.js"),F=require("../../../../button/button.cjs.js"),z=require("../../../../card/card.cjs.js"),P=require("../../../../card/card-content/card-content.cjs.js"),S=require("../../../table.module.scss.cjs.js"),H=require("../table-filter-context.cjs.js"),I=require("../../../../form/choice-group/choice-group.cjs.js"),M=require("../../../../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),E=require("../../../../../../tedi/components/layout/grid/row.cjs.js"),q=require("../../../../../../tedi/components/layout/grid/col.cjs.js"),y=s=>{var e,o;return(o=(e=s==null?void 0:s.filter(Boolean))==null?void 0:e.filter((i,r,l)=>(l==null?void 0:l.indexOf(i))===r))==null?void 0:o.sort((i,r)=>{var l;return typeof i=="number"&&typeof r=="number"?i-r:typeof i=="string"&&typeof r=="string"?(l=i==null?void 0:i.localeCompare)==null?void 0:l.call(i,r):0})},J=()=>{var m,C,j,x;const{getLabel:s}=M.useLabels(),{column:e,rows:o,setOpen:i,values:r}=G.useContext(H.TableFilterContext),l=s("table.filter"),f=(m=e==null?void 0:e.columnDef)==null?void 0:m.filterFn,c=f==="select"?"selectFilter":"multiSelectFilter",T={inputType:f,selectFilter:r==null?void 0:r.selectField,multiSelectFilter:r==null?void 0:r.multiSelectField},h=(C=e==null?void 0:e.columnDef)==null?void 0:C.meta,u=h==null?void 0:h.filterOptions,p=t=>typeof t=="object"&&t!==null&&"id"in t&&"label"in t&&"value"in t,k=o!=null&&o.length&&typeof((j=e==null?void 0:e.columnDef)==null?void 0:j.id)=="string"?o.map(t=>{var d,a;return(a=t==null?void 0:t.getValue)==null?void 0:a.call(t,(d=e==null?void 0:e.columnDef)==null?void 0:d.id)}):[],b=u!=null&&u.length?p(u[0])?u:y(u):y(k),R=b==null?void 0:b.map((t,d)=>{var a;return p(t)?t:{id:`${(a=e==null?void 0:e.columnDef)==null?void 0:a.id}-choice-${d}`,label:String(t),value:String(t)}}),{values:_,setFieldValue:D,handleReset:L,handleSubmit:$,errors:g}=B.useFormik({initialValues:T,onSubmit:t=>{var d;e==null||e.setFilterValue((d=t[c])!=null&&d.length?t[c]:""),i==null||i(!1)},onReset:()=>{e==null||e.setFilterValue(""),i==null||i(!1)}}),v=t=>D(c,t);return n.jsx("form",{onSubmit:$,children:n.jsxs(A.VerticalSpacing,{children:[n.jsx(N.Heading,{element:"h6",children:s("table.filter")}),n.jsx(z.Card,{className:S.default.filter__content,children:n.jsx(P.CardContent,{children:n.jsx(I.ChoiceGroup,{id:`filter-${c}-${e==null?void 0:e.id}`,name:l,label:l,hideLabel:!0,inputType:f==="select"?"radio":"checkbox",size:"small",value:_[c],indeterminateCheck:!0,indeterminateCheckProps:{indented:!1,className:S.default.filter__indeterminate},items:R,onChange:v,helper:((x=g[c])==null?void 0:x.length)!==0?{text:g[c],type:"error"}:{text:""}})})}),n.jsxs(E.Row,{gutter:2,justifyContent:"end",children:[n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{visualType:"secondary",onClick:L,children:s("clear")})}),n.jsx(q.Col,{width:"auto",children:n.jsx(F.Button,{type:"submit",children:s("table.filter")})})]})]})})};exports.TableSelectFilter=J;

package/src/community/components/table/components/table-filter/components/table-select-filter.es.js

@@ -1,10 +1,10 @@
 import { jsx as n, jsxs as y } from "react/jsx-runtime";
 import { useFormik as G } from "../../../../../../../external/formik/dist/formik.esm.es.js";
 import v from "react";
+import { Heading as H } from "../../../../../../tedi/components/base/typography/heading/heading.es.js";
 import { Button as _ } from "../../../../button/button.es.js";
-import { Card as H } from "../../../../card/card.es.js";
-import { CardContent as I } from "../../../../card/card-content/card-content.es.js";
-import { Heading as P } from "../../../../typography/heading/heading.es.js";
+import { Card as I } from "../../../../card/card.es.js";
+import { CardContent as P } from "../../../../card/card-content/card-content.es.js";
 import k from "../../../table.module.scss.es.js";
 import { TableFilterContext as q } from "../table-filter-context.es.js";
 import { ChoiceGroup as A } from "../../../../form/choice-group/choice-group.es.js";
@@ -46,8 +46,8 @@ const D = (o) => {
     }
   }), B = (t) => $(f, t);
   return /* @__PURE__ */ n("form", { onSubmit: z, children: /* @__PURE__ */ y(J, { children: [
-    /* @__PURE__ */ n(P, { element: "h6", children: o("table.filter") }),
-    /* @__PURE__ */ n(H, { className: k.filter__content, children: /* @__PURE__ */ n(I, { children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n(H, { element: "h6", children: o("table.filter") }),
+    /* @__PURE__ */ n(I, { className: k.filter__content, children: /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(
       A,
       {
         id: `filter-${f}-${e == null ? void 0 : e.id}`,

package/src/community/components/table-of-contents/table-of-contents-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("../../../../external/classnames/index.cjs.js"),g=require("react"),p=require("../../../tedi/components/misc/separator/separator.cjs.js"),u=require("../icon/icon.cjs.js"),w=require("../typography/text/text.cjs.js"),_=require("./table-of-contents.cjs.js"),l=require("./table-of-contents.module.scss.cjs.js"),r=require("../../../tedi/components/layout/grid/col.cjs.js"),x=require("../../../tedi/components/layout/grid/row.cjs.js");function f(m){const{children:s,content:n,isValid:c,separator:h,hideIcon:j,id:t,handleCloseModal:i}=m,{openItems:o,showIcons:C}=g.useContext(_.TableOfContentsContext),a=q.default(l.default["table-of-contents__icon"],{[l.default["table-of-contents__icon--hidden"]]:j});return e.jsxs(e.Fragment,{children:[e.jsx(r.Col,{role:"treeitem","aria-expanded":!!(t&&(o!=null&&o.includes(t))),children:e.jsxs(x.Row,{gutter:2,children:[C&&e.jsx(e.Fragment,{children:e.jsx(r.Col,{width:"auto",children:c===!1?e.jsx(u.Icon,{className:a,name:"warning",color:"important"}):e.jsx(u.Icon,{className:a,name:"check",color:c===!0?"positive":"disabled"})})}),e.jsx(r.Col,{children:e.jsx(w.Text,{element:"div",modifiers:"break-word",children:typeof n=="function"?n==null?void 0:n({closeModal:i}):n})})]})}),t&&(o==null?void 0:o.includes(t))&&(s==null?void 0:s.map((b,d)=>e.jsx(r.Col,{children:e.jsx(x.Row,{role:"treeitem",element:"ul",gutterX:0,gutterY:2,direction:"column",className:l.default["table-of-contents__child"],children:e.jsx(f,{...b,handleCloseModal:i},`${t}-${d}`)})},`${t}-${d}`))),h&&e.jsx(r.Col,{children:e.jsx(p.Separator,{})})]})}exports.TableOfContentsItem=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("../../../../external/classnames/index.cjs.js"),g=require("react"),u=require("../../../tedi/components/base/icon/icon.cjs.js"),w=require("../../../tedi/components/base/typography/text/text.cjs.js"),_=require("../../../tedi/components/misc/separator/separator.cjs.js"),O=require("./table-of-contents.cjs.js"),l=require("./table-of-contents.module.scss.cjs.js"),r=require("../../../tedi/components/layout/grid/col.cjs.js"),x=require("../../../tedi/components/layout/grid/row.cjs.js");function f(h){const{children:s,content:o,isValid:c,separator:j,hideIcon:m,id:t,handleCloseModal:a}=h,{openItems:n,showIcons:C}=g.useContext(O.TableOfContentsContext),i=q.default(l.default["table-of-contents__icon"],{[l.default["table-of-contents__icon--hidden"]]:m});return e.jsxs(e.Fragment,{children:[e.jsx(r.Col,{role:"treeitem","aria-expanded":!!(t&&(n!=null&&n.includes(t))),children:e.jsxs(x.Row,{gutter:2,children:[C&&e.jsx(e.Fragment,{children:e.jsx(r.Col,{width:"auto",children:c===!1?e.jsx(u.Icon,{className:i,name:"warning",color:"danger"}):e.jsx(u.Icon,{className:i,name:"check",color:c===!0?"success":"tertiary"})})}),e.jsx(r.Col,{children:e.jsx(w.Text,{element:"div",modifiers:"break-word",children:typeof o=="function"?o==null?void 0:o({closeModal:a}):o})})]})}),t&&(n==null?void 0:n.includes(t))&&(s==null?void 0:s.map((b,d)=>e.jsx(r.Col,{children:e.jsx(x.Row,{role:"treeitem",element:"ul",gutterX:0,gutterY:2,direction:"column",className:l.default["table-of-contents__child"],children:e.jsx(f,{...b,handleCloseModal:a},`${t}-${d}`)})},`${t}-${d}`))),j&&e.jsx(r.Col,{children:e.jsx(_.Separator,{})})]})}exports.TableOfContentsItem=f;

package/src/community/components/table-of-contents/table-of-contents-item.es.js

@@ -1,24 +1,24 @@
 import { jsxs as d, Fragment as f, jsx as e } from "react/jsx-runtime";
-import g from "../../../../external/classnames/index.es.js";
+import _ from "../../../../external/classnames/index.es.js";
 import { useContext as w } from "react";
-import { Separator as N } from "../../../tedi/components/misc/separator/separator.es.js";
-import { Icon as h } from "../icon/icon.es.js";
-import { Text as $ } from "../typography/text/text.es.js";
-import { TableOfContentsContext as T } from "./table-of-contents.es.js";
+import { Icon as h } from "../../../tedi/components/base/icon/icon.es.js";
+import { Text as N } from "../../../tedi/components/base/typography/text/text.es.js";
+import { Separator as $ } from "../../../tedi/components/misc/separator/separator.es.js";
+import { TableOfContentsContext as y } from "./table-of-contents.es.js";
 import l from "./table-of-contents.module.scss.es.js";
-import { Col as i } from "../../../tedi/components/layout/grid/col.es.js";
-import { Row as p } from "../../../tedi/components/layout/grid/row.es.js";
-function j(u) {
-  const { children: n, content: r, isValid: a, separator: b, hideIcon: x, id: o, handleCloseModal: c } = u, { openItems: t, showIcons: C } = w(T), s = g(l["table-of-contents__icon"], {
-    [l["table-of-contents__icon--hidden"]]: x
+import { Col as n } from "../../../tedi/components/layout/grid/col.es.js";
+import { Row as u } from "../../../tedi/components/layout/grid/row.es.js";
+function T(p) {
+  const { children: i, content: t, isValid: c, separator: x, hideIcon: C, id: o, handleCloseModal: a } = p, { openItems: r, showIcons: b } = w(y), s = _(l["table-of-contents__icon"], {
+    [l["table-of-contents__icon--hidden"]]: C
   });
   return /* @__PURE__ */ d(f, { children: [
-    /* @__PURE__ */ e(i, { role: "treeitem", "aria-expanded": !!(o && (t != null && t.includes(o))), children: /* @__PURE__ */ d(p, { gutter: 2, children: [
-      C && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(i, { width: "auto", children: a === !1 ? /* @__PURE__ */ e(h, { className: s, name: "warning", color: "important" }) : /* @__PURE__ */ e(h, { className: s, name: "check", color: a === !0 ? "positive" : "disabled" }) }) }),
-      /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e($, { element: "div", modifiers: "break-word", children: typeof r == "function" ? r == null ? void 0 : r({ closeModal: c }) : r }) })
+    /* @__PURE__ */ e(n, { role: "treeitem", "aria-expanded": !!(o && (r != null && r.includes(o))), children: /* @__PURE__ */ d(u, { gutter: 2, children: [
+      b && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(n, { width: "auto", children: c === !1 ? /* @__PURE__ */ e(h, { className: s, name: "warning", color: "danger" }) : /* @__PURE__ */ e(h, { className: s, name: "check", color: c === !0 ? "success" : "tertiary" }) }) }),
+      /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(N, { element: "div", modifiers: "break-word", children: typeof t == "function" ? t == null ? void 0 : t({ closeModal: a }) : t }) })
     ] }) }),
-    o && (t == null ? void 0 : t.includes(o)) && (n == null ? void 0 : n.map((_, m) => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-      p,
+    o && (r == null ? void 0 : r.includes(o)) && (i == null ? void 0 : i.map((g, m) => /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
+      u,
       {
         role: "treeitem",
         element: "ul",
@@ -26,12 +26,12 @@ function j(u) {
         gutterY: 2,
         direction: "column",
         className: l["table-of-contents__child"],
-        children: /* @__PURE__ */ e(j, { ..._, handleCloseModal: c }, `${o}-${m}`)
+        children: /* @__PURE__ */ e(T, { ...g, handleCloseModal: a }, `${o}-${m}`)
       }
     ) }, `${o}-${m}`))),
-    b && /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(N, {}) })
+    x && /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e($, {}) })
   ] });
 }
 export {
-  j as TableOfContentsItem
+  T as TableOfContentsItem
 };

package/src/community/components/table-of-contents/table-of-contents-items.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),q=require("react-dom"),f=require("../typography/heading/heading.cjs.js"),x=require("./table-of-contents-item.cjs.js"),j=require("../modal/modal-provider.cjs.js"),y=require("../../helpers/hooks/use-layout.cjs.js"),C=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),O=s=>{const{items:r,setReturnFocus:e,showIcons:a,heading:l,breakToMobile:c=["mobile"],className:u}=s,d=y.useLayout(c),m=a?!0:!d,{closeModal:n}=i.useContext(j.ModalContext),o=i.useId(),h=()=>{q.flushSync(()=>{e==null||e(!1)}),n==null||n(),e==null||e(!0)};return t.jsxs(C.VerticalSpacing,{size:.5,className:u,children:[m&&t.jsx(f.Heading,{element:"h3",modifiers:"h4",id:o,children:l}),t.jsx("nav",{"aria-labelledby":o,children:t.jsx(I.Row,{role:"tree",element:"ul",direction:"column",gap:2,children:r.map((b,g)=>t.jsx(x.TableOfContentsItem,{handleCloseModal:h,...b},`toc-item-${g}`))})})]})};exports.TableOfContentsItems=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),q=require("react-dom"),f=require("../../../tedi/components/base/typography/heading/heading.cjs.js"),x=require("./table-of-contents-item.cjs.js"),j=require("../modal/modal-provider.cjs.js"),y=require("../../helpers/hooks/use-layout.cjs.js"),C=require("../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),I=require("../../../tedi/components/layout/grid/row.cjs.js"),O=s=>{const{items:r,setReturnFocus:e,showIcons:a,heading:l,breakToMobile:c=["mobile"],className:u}=s,d=y.useLayout(c),m=a?!0:!d,{closeModal:n}=i.useContext(j.ModalContext),o=i.useId(),h=()=>{q.flushSync(()=>{e==null||e(!1)}),n==null||n(),e==null||e(!0)};return t.jsxs(C.VerticalSpacing,{size:.5,className:u,children:[m&&t.jsx(f.Heading,{element:"h3",modifiers:"h4",id:o,children:l}),t.jsx("nav",{"aria-labelledby":o,children:t.jsx(I.Row,{role:"tree",element:"ul",direction:"column",gap:2,children:r.map((b,g)=>t.jsx(x.TableOfContentsItem,{handleCloseModal:h,...b},`toc-item-${g}`))})})]})};exports.TableOfContentsItems=O;

package/src/community/components/table-of-contents/table-of-contents-items.es.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import r from "react";
 import { flushSync as x } from "react-dom";
-import { Heading as C } from "../typography/heading/heading.es.js";
+import { Heading as C } from "../../../tedi/components/base/typography/heading/heading.es.js";
 import { TableOfContentsItem as g } from "./table-of-contents-item.es.js";
 import { ModalContext as y } from "../modal/modal-provider.es.js";
 import { useLayout as I } from "../../helpers/hooks/use-layout.es.js";

package/src/community/components/table-of-contents/table-of-contents-modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),H=require("../../../../external/classnames/index.cjs.js"),d=require("react"),S=require("../button/button.cjs.js"),k=require("../button-content/button-content.cjs.js"),h=require("../icon/icon.cjs.js"),f=require("../typography/heading/heading.cjs.js"),t=require("../typography/text/text.cjs.js"),B=require("./table-of-contents.cjs.js"),C=require("./table-of-contents.module.scss.cjs.js"),F=require("./table-of-contents-items.cjs.js"),$=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),r=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),V=require("../modal/modal-provider.cjs.js"),W=require("../modal/modal-trigger.cjs.js"),z=require("../card/card.cjs.js"),b=require("../card/card-content/card-content.cjs.js"),A=require("../modal/modal.cjs.js"),D=require("../card/card-header/card-header.cjs.js"),E=x=>{const{getLabel:o}=$.useLabels(),{items:l,modalProps:p,modalProviderProps:q,heading:w,open:m,defaultOpen:T,onToggle:i,className:v}=x,a=l.map(s=>s.isValid===!0).filter(Boolean).length,c=l.map(s=>s.isValid===!1).filter(Boolean).length,j=d.useId(),[O,y]=d.useState(!0),[I,R]=d.useState(T),{showIcons:u}=d.useContext(B.TableOfContentsContext),N=i&&typeof m<"u"?m:I,L=o("table-of-contents.valid",`${a} / ${l.length}`),M=o("table-of-contents.valid",a),P=o("table-of-contents.invalid",c),_=s=>{R(s),i==null||i(s)},g=e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{element:"span",modifiers:["normal","bold"],className:H.default({"sr-only":u}),children:w}),u&&c===0?e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"check",color:"positive"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsxs(t.Text,{element:"span","aria-hidden":!0,children:[a," / ",l.length]}),e.jsx(t.Text,{element:"span",className:"sr-only",children:L})]})]}):u?e.jsxs(r.Row,{gutter:3,children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"check",color:"positive"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsx(t.Text,{element:"span","aria-hidden":!0,children:a}),e.jsx(t.Text,{element:"span",className:"sr-only",children:M})]})]})}),e.jsx(n.Col,{width:"auto",children:e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"warning",color:"important"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsx(t.Text,{element:"span","aria-hidden":!0,children:c}),e.jsx(t.Text,{element:"span",className:"sr-only",children:P})]})]})})]}):null]});return e.jsxs(V.ModalProvider,{open:N,onToggle:_,...q,children:[e.jsx(f.Heading,{element:"h2",modifiers:"normal",className:v,children:e.jsx(W.ModalTrigger,{children:e.jsx(S.Button,{fullWidth:!0,noStyle:!0,className:C.default["table-of-contents__trigger"],children:e.jsx(z.Card,{className:C.default["table-of-contents__trigger-card"],children:e.jsx(b.CardContent,{children:e.jsxs(r.Row,{children:[e.jsx(n.Col,{children:g}),e.jsx(n.Col,{width:"auto","aria-hidden":!0,children:e.jsx(k.default,{as:"span",visualType:"link",iconRight:"expand_more",children:o("open")})})]})})})})})}),e.jsxs(A.Modal,{"aria-labelledby":j,position:"bottom",returnFocus:O,...p,children:[e.jsx(D.CardHeader,{variant:"white",id:j,children:e.jsx(f.Heading,{element:"h2",modifiers:"normal",children:g})}),e.jsx(b.CardContent,{children:e.jsx(F.TableOfContentsItems,{...x,setReturnFocus:y})})]})]})};exports.TableOfContentsModal=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),H=require("../../../../external/classnames/index.cjs.js"),d=require("react"),h=require("../../../tedi/components/base/icon/icon.cjs.js"),f=require("../../../tedi/components/base/typography/heading/heading.cjs.js"),t=require("../../../tedi/components/base/typography/text/text.cjs.js"),S=require("../button/button.cjs.js"),k=require("../button-content/button-content.cjs.js"),B=require("./table-of-contents.cjs.js"),C=require("./table-of-contents.module.scss.cjs.js"),F=require("./table-of-contents-items.cjs.js"),$=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),r=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),V=require("../modal/modal-provider.cjs.js"),W=require("../modal/modal-trigger.cjs.js"),z=require("../card/card.cjs.js"),b=require("../card/card-content/card-content.cjs.js"),A=require("../modal/modal.cjs.js"),D=require("../card/card-header/card-header.cjs.js"),E=x=>{const{getLabel:o}=$.useLabels(),{items:l,modalProps:p,modalProviderProps:q,heading:w,open:m,defaultOpen:T,onToggle:i,className:v}=x,a=l.map(s=>s.isValid===!0).filter(Boolean).length,c=l.map(s=>s.isValid===!1).filter(Boolean).length,j=d.useId(),[O,y]=d.useState(!0),[I,R]=d.useState(T),{showIcons:u}=d.useContext(B.TableOfContentsContext),N=i&&typeof m<"u"?m:I,L=o("table-of-contents.valid",`${a} / ${l.length}`),M=o("table-of-contents.valid",a),P=o("table-of-contents.invalid",c),_=s=>{R(s),i==null||i(s)},g=e.jsxs(e.Fragment,{children:[e.jsx(t.Text,{element:"span",modifiers:["normal","bold"],className:H.default({"sr-only":u}),children:w}),u&&c===0?e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"check",color:"success"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsxs(t.Text,{element:"span","aria-hidden":!0,children:[a," / ",l.length]}),e.jsx(t.Text,{element:"span",className:"sr-only",children:L})]})]}):u?e.jsxs(r.Row,{gutter:3,children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"check",color:"success"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsx(t.Text,{element:"span","aria-hidden":!0,children:a}),e.jsx(t.Text,{element:"span",className:"sr-only",children:M})]})]})}),e.jsx(n.Col,{width:"auto",children:e.jsxs(r.Row,{gutter:1,children:[e.jsx(n.Col,{width:"auto",children:e.jsx(h.Icon,{name:"warning",color:"danger"})}),e.jsxs(n.Col,{width:"auto",children:[e.jsx(t.Text,{element:"span","aria-hidden":!0,children:c}),e.jsx(t.Text,{element:"span",className:"sr-only",children:P})]})]})})]}):null]});return e.jsxs(V.ModalProvider,{open:N,onToggle:_,...q,children:[e.jsx(f.Heading,{element:"h2",modifiers:"normal",className:v,children:e.jsx(W.ModalTrigger,{children:e.jsx(S.Button,{fullWidth:!0,noStyle:!0,className:C.default["table-of-contents__trigger"],children:e.jsx(z.Card,{className:C.default["table-of-contents__trigger-card"],children:e.jsx(b.CardContent,{children:e.jsxs(r.Row,{children:[e.jsx(n.Col,{children:g}),e.jsx(n.Col,{width:"auto","aria-hidden":!0,children:e.jsx(k.default,{as:"span",visualType:"link",iconRight:"expand_more",children:o("open")})})]})})})})})}),e.jsxs(A.Modal,{"aria-labelledby":j,position:"bottom",returnFocus:O,...p,children:[e.jsx(D.CardHeader,{variant:"white",id:j,children:e.jsx(f.Heading,{element:"h2",modifiers:"normal",children:g})}),e.jsx(b.CardContent,{children:e.jsx(F.TableOfContentsItems,{...x,setReturnFocus:y})})]})]})};exports.TableOfContentsModal=E;

package/src/community/components/table-of-contents/table-of-contents-modal.es.js

@@ -1,13 +1,13 @@
 import { jsxs as t, Fragment as H, jsx as e } from "react/jsx-runtime";
 import S from "../../../../external/classnames/index.es.js";
 import h, { useContext as j } from "react";
+import { Icon as p } from "../../../tedi/components/base/icon/icon.es.js";
+import { Heading as w } from "../../../tedi/components/base/typography/heading/heading.es.js";
+import { Text as r } from "../../../tedi/components/base/typography/text/text.es.js";
 import { Button as V } from "../button/button.es.js";
 import $ from "../button-content/button-content.es.js";
-import { Icon as p } from "../icon/icon.es.js";
-import { Heading as v } from "../typography/heading/heading.es.js";
-import { Text as r } from "../typography/text/text.es.js";
 import { TableOfContentsContext as W } from "./table-of-contents.es.js";
-import w from "./table-of-contents.module.scss.es.js";
+import v from "./table-of-contents.module.scss.es.js";
 import { TableOfContentsItems as q } from "./table-of-contents-items.es.js";
 import { useLabels as z } from "../../../tedi/providers/label-provider/use-labels.es.js";
 import { Row as i } from "../../../tedi/components/layout/grid/row.es.js";
@@ -18,13 +18,13 @@ import { Card as E } from "../card/card.es.js";
 import { CardContent as C } from "../card/card-content/card-content.es.js";
 import { Modal as G } from "../modal/modal.es.js";
 import { CardHeader as J } from "../card/card-header/card-header.es.js";
-const fe = (f) => {
-  const { getLabel: l } = z(), { items: a, modalProps: y, modalProviderProps: N, heading: x, open: u, defaultOpen: I, onToggle: d, className: O } = f, s = a.map((o) => o.isValid === !0).filter(Boolean).length, c = a.map((o) => o.isValid === !1).filter(Boolean).length, g = h.useId(), [T, _] = h.useState(!0), [L, B] = h.useState(I), { showIcons: m } = j(W), M = d && typeof u < "u" ? u : L, P = l("table-of-contents.valid", `${s} / ${a.length}`), R = l("table-of-contents.valid", s), k = l("table-of-contents.invalid", c), F = (o) => {
+const ue = (u) => {
+  const { getLabel: l } = z(), { items: a, modalProps: y, modalProviderProps: N, heading: x, open: f, defaultOpen: I, onToggle: d, className: O } = u, s = a.map((o) => o.isValid === !0).filter(Boolean).length, c = a.map((o) => o.isValid === !1).filter(Boolean).length, g = h.useId(), [T, _] = h.useState(!0), [L, B] = h.useState(I), { showIcons: m } = j(W), M = d && typeof f < "u" ? f : L, P = l("table-of-contents.valid", `${s} / ${a.length}`), R = l("table-of-contents.valid", s), k = l("table-of-contents.invalid", c), F = (o) => {
     B(o), d == null || d(o);
   }, b = /* @__PURE__ */ t(H, { children: [
     /* @__PURE__ */ e(r, { element: "span", modifiers: ["normal", "bold"], className: S({ "sr-only": m }), children: x }),
     m && c === 0 ? /* @__PURE__ */ t(i, { gutter: 1, children: [
-      /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "check", color: "positive" }) }),
+      /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "check", color: "success" }) }),
       /* @__PURE__ */ t(n, { width: "auto", children: [
         /* @__PURE__ */ t(r, { element: "span", "aria-hidden": !0, children: [
           s,
@@ -35,14 +35,14 @@ const fe = (f) => {
       ] })
     ] }) : m ? /* @__PURE__ */ t(i, { gutter: 3, children: [
       /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ t(i, { gutter: 1, children: [
-        /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "check", color: "positive" }) }),
+        /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "check", color: "success" }) }),
         /* @__PURE__ */ t(n, { width: "auto", children: [
           /* @__PURE__ */ e(r, { element: "span", "aria-hidden": !0, children: s }),
           /* @__PURE__ */ e(r, { element: "span", className: "sr-only", children: R })
         ] })
       ] }) }),
       /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ t(i, { gutter: 1, children: [
-        /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "warning", color: "important" }) }),
+        /* @__PURE__ */ e(n, { width: "auto", children: /* @__PURE__ */ e(p, { name: "warning", color: "danger" }) }),
         /* @__PURE__ */ t(n, { width: "auto", children: [
           /* @__PURE__ */ e(r, { element: "span", "aria-hidden": !0, children: c }),
           /* @__PURE__ */ e(r, { element: "span", className: "sr-only", children: k })
@@ -51,16 +51,16 @@ const fe = (f) => {
     ] }) : null
   ] });
   return /* @__PURE__ */ t(A, { open: M, onToggle: F, ...N, children: [
-    /* @__PURE__ */ e(v, { element: "h2", modifiers: "normal", className: O, children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(V, { fullWidth: !0, noStyle: !0, className: w["table-of-contents__trigger"], children: /* @__PURE__ */ e(E, { className: w["table-of-contents__trigger-card"], children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t(i, { children: [
+    /* @__PURE__ */ e(w, { element: "h2", modifiers: "normal", className: O, children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(V, { fullWidth: !0, noStyle: !0, className: v["table-of-contents__trigger"], children: /* @__PURE__ */ e(E, { className: v["table-of-contents__trigger-card"], children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ t(i, { children: [
       /* @__PURE__ */ e(n, { children: b }),
       /* @__PURE__ */ e(n, { width: "auto", "aria-hidden": !0, children: /* @__PURE__ */ e($, { as: "span", visualType: "link", iconRight: "expand_more", children: l("open") }) })
     ] }) }) }) }) }) }),
     /* @__PURE__ */ t(G, { "aria-labelledby": g, position: "bottom", returnFocus: T, ...y, children: [
-      /* @__PURE__ */ e(J, { variant: "white", id: g, children: /* @__PURE__ */ e(v, { element: "h2", modifiers: "normal", children: b }) }),
-      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(q, { ...f, setReturnFocus: _ }) })
+      /* @__PURE__ */ e(J, { variant: "white", id: g, children: /* @__PURE__ */ e(w, { element: "h2", modifiers: "normal", children: b }) }),
+      /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(q, { ...u, setReturnFocus: _ }) })
     ] })
   ] });
 };
 export {
-  fe as TableOfContentsModal
+  ue as TableOfContentsModal
 };

package/src/community/components/toggle-open/toggle-open.d.ts

@@ -1,5 +1,5 @@
+import { IconProps } from '../../../tedi/components/base/icon/icon';
 import { ButtonProps } from '../button/button';
-import { IconProps } from '../icon/icon';
 export interface ToggleOpenProps extends Omit<ButtonProps, 'children' | 'iconRight'> {
     /**
      * Name on the button to open the item

package/src/community/components/tooltip/tooltip-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),g=require("../../../../external/classnames/index.cjs.js"),t=require("react"),p=require("../icon/icon.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),d=require("./tooltip-provider.cjs.js"),f=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),r=i=>{const{children:e}=i,{getLabel:l}=f.useLabels(),{getReferenceProps:s,reference:c,openWith:n}=t.useContext(d.TooltipContext),u=a.useMergeRefs([c,e.ref]);return t.cloneElement(e,s({ref:u,tabIndex:0,label:e.type===p.Icon?l("tooltip.icon-trigger"):void 0,...e.props,className:g.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:n==="click"},e.props.className)}))};exports.TooltipTrigger=r;exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),g=require("../../../../external/classnames/index.cjs.js"),t=require("react"),p=require("../../../tedi/components/base/icon/icon.cjs.js"),o=require("./tooltip.module.scss.cjs.js"),d=require("./tooltip-provider.cjs.js"),f=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),r=i=>{const{children:e}=i,{getLabel:l}=f.useLabels(),{getReferenceProps:s,reference:c,openWith:n}=t.useContext(d.TooltipContext),u=a.useMergeRefs([c,e.ref]);return t.cloneElement(e,s({ref:u,tabIndex:0,label:e.type===p.Icon?l("tooltip.icon-trigger"):void 0,...e.props,className:g.default(o.default.tooltip__trigger,{[o.default["tooltip__trigger--click"]]:n==="click"},e.props.className)}))};exports.TooltipTrigger=r;exports.default=r;

package/src/community/components/tooltip/tooltip-trigger.es.js

@@ -1,7 +1,7 @@
 import { useMergeRefs as m } from "../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import n from "../../../../external/classnames/index.es.js";
 import o from "react";
-import { Icon as f } from "../icon/icon.es.js";
+import { Icon as f } from "../../../tedi/components/base/icon/icon.es.js";
 import t from "./tooltip.module.scss.es.js";
 import { TooltipContext as a } from "./tooltip-provider.es.js";
 import { useLabels as g } from "../../../tedi/providers/label-provider/use-labels.es.js";

package/src/community/components/vertical-progress/vertical-progress-item.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),p=require("../button/button.cjs.js"),j=require("../icon/icon.cjs.js"),b=require("../tag/tag.cjs.js"),v=require("./vertical-progress.cjs.js"),w=require("../card/card.cjs.js"),i=require("../card/card-content/card-content.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),c=require("../../../tedi/components/layout/grid/row.cjs.js"),s=require("../../../tedi/components/layout/grid/col.cjs.js"),o=n.createContext({index:0,title:null}),a=r=>{const{children:t}=r;return e.jsx(o.Provider,{value:r,children:e.jsx(w.Card,{children:e.jsxs(i.CardContent,{padding:.75,lg:{padding:1.5},children:[e.jsx(I,{}),t&&e.jsx(i.CardContent,{padding:{top:1,right:0,bottom:0,left:0},lg:{padding:{top:2,right:2.5,bottom:0,left:2.5}},children:t})]})})})},I=()=>{const{title:r,state:t,index:l,isToggable:u=!0}=n.useContext(o),{onItemOpen:d}=n.useContext(v.VerticalProgressContext),{getLabel:g}=q.useLabels(),h=u&&!(t==="disabled")&&!(t==="active"),x=()=>{switch(t){case"active":return"primary";case"completed":return"positive";case"error":return"important";default:return"default"}},m=()=>{switch(t){case"active":case"completed":case"error":return"default";default:return"ghost"}},C=()=>{switch(t){case"completed":return"check";case"error":return"exclamation";default:return"chevron_right"}};return e.jsxs(c.Row,{alignItems:"center",justifyContent:"between",children:[e.jsx(s.Col,{width:"auto",children:e.jsxs(c.Row,{gutterX:3,gutterY:0,alignItems:"center",wrap:"nowrap",children:[e.jsx(s.Col,{width:"auto",children:e.jsx(b.Tag,{iconOnly:!0,rounded:!0,color:x(),type:m(),children:e.jsx(j.Icon,{name:C(),size:16})})}),e.jsx(s.Col,{width:"auto",children:r})]})}),h&&e.jsx(s.Col,{width:"auto",children:e.jsx(p.Button,{visualType:"link",iconRight:"edit",onClick:()=>d(l),children:g("vertical-progress.edit")})})]})};exports.VerticalProgressItem=a;exports.VerticalProgressItemContext=o;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("react"),p=require("../../../tedi/components/base/icon/icon.cjs.js"),j=require("../button/button.cjs.js"),b=require("../tag/tag.cjs.js"),v=require("./vertical-progress.cjs.js"),w=require("../card/card.cjs.js"),i=require("../card/card-content/card-content.cjs.js"),q=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),c=require("../../../tedi/components/layout/grid/row.cjs.js"),n=require("../../../tedi/components/layout/grid/col.cjs.js"),s=o.createContext({index:0,title:null}),a=r=>{const{children:t}=r;return e.jsx(s.Provider,{value:r,children:e.jsx(w.Card,{children:e.jsxs(i.CardContent,{padding:.75,lg:{padding:1.5},children:[e.jsx(I,{}),t&&e.jsx(i.CardContent,{padding:{top:1,right:0,bottom:0,left:0},lg:{padding:{top:2,right:2.5,bottom:0,left:2.5}},children:t})]})})})},I=()=>{const{title:r,state:t,index:l,isToggable:u=!0}=o.useContext(s),{onItemOpen:d}=o.useContext(v.VerticalProgressContext),{getLabel:g}=q.useLabels(),h=u&&!(t==="disabled")&&!(t==="active"),x=()=>{switch(t){case"active":return"primary";case"completed":return"positive";case"error":return"important";default:return"default"}},m=()=>{switch(t){case"active":case"completed":case"error":return"default";default:return"ghost"}},C=()=>{switch(t){case"completed":return"check";case"error":return"exclamation";default:return"chevron_right"}};return e.jsxs(c.Row,{alignItems:"center",justifyContent:"between",children:[e.jsx(n.Col,{width:"auto",children:e.jsxs(c.Row,{gutterX:3,gutterY:0,alignItems:"center",wrap:"nowrap",children:[e.jsx(n.Col,{width:"auto",children:e.jsx(b.Tag,{iconOnly:!0,rounded:!0,color:x(),type:m(),children:e.jsx(p.Icon,{name:C(),size:16,color:"inherit"})})}),e.jsx(n.Col,{width:"auto",children:r})]})}),h&&e.jsx(n.Col,{width:"auto",children:e.jsx(j.Button,{visualType:"link",iconRight:"edit",onClick:()=>d(l),children:g("vertical-progress.edit")})})]})};exports.VerticalProgressItem=a;exports.VerticalProgressItemContext=s;exports.default=a;

package/src/community/components/vertical-progress/vertical-progress-item.es.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import n from "react";
-import { Button as C } from "../button/button.es.js";
-import { Icon as v } from "../icon/icon.es.js";
+import { Icon as C } from "../../../tedi/components/base/icon/icon.es.js";
+import { Button as v } from "../button/button.es.js";
 import { Tag as w } from "../tag/tag.es.js";
 import { VerticalProgressContext as x } from "./vertical-progress.es.js";
 import { Card as b } from "../card/card.es.js";
@@ -58,10 +58,10 @@ const s = n.createContext({
   };
   return /* @__PURE__ */ i(a, { alignItems: "center", justifyContent: "between", children: [
     /* @__PURE__ */ t(o, { width: "auto", children: /* @__PURE__ */ i(a, { gutterX: 3, gutterY: 0, alignItems: "center", wrap: "nowrap", children: [
-      /* @__PURE__ */ t(o, { width: "auto", children: /* @__PURE__ */ t(w, { iconOnly: !0, rounded: !0, color: p(), type: h(), children: /* @__PURE__ */ t(v, { name: f(), size: 16 }) }) }),
+      /* @__PURE__ */ t(o, { width: "auto", children: /* @__PURE__ */ t(w, { iconOnly: !0, rounded: !0, color: p(), type: h(), children: /* @__PURE__ */ t(C, { name: f(), size: 16, color: "inherit" }) }) }),
       /* @__PURE__ */ t(o, { width: "auto", children: r })
     ] }) }),
-    g && /* @__PURE__ */ t(o, { width: "auto", children: /* @__PURE__ */ t(C, { visualType: "link", iconRight: "edit", onClick: () => m(l), children: u("vertical-progress.edit") }) })
+    g && /* @__PURE__ */ t(o, { width: "auto", children: /* @__PURE__ */ t(v, { visualType: "link", iconRight: "edit", onClick: () => m(l), children: u("vertical-progress.edit") }) })
   ] });
 };
 export {

package/src/community/index.d.ts

@@ -1,13 +1,10 @@
 export * from './components/commonTypes';
-export * from './components/typography/heading/heading';
-export * from './components/typography/text/text';
 export * from './components/button/button';
 export * from './components/anchor/anchor';
 export * from './components/layout';
 export * from './components/dropdown/dropdown';
 export * from './components/stepper';
 export * from './components/card';
-export * from './components/icon/icon';
 export * from './components/feedback/feedback';
 export * from './components/form/hidden-field/hidden-field';
 export * from './components/form/choice-group';

package/src/tedi/components/base/icon/icon.d.ts

@@ -1,6 +1,6 @@
 export type IconSize = 8 | 12 | 16 | 18 | 24 | 36 | 48;
 export type IconType = 'outlined' | 'sharp' | 'rounded';
-export type IconColor = 'primary' | 'secondary' | 'tertiary' | 'brand' | 'brand-dark' | 'success' | 'warning' | 'warning-dark' | 'danger' | 'white';
+export type IconColor = 'primary' | 'secondary' | 'tertiary' | 'brand' | 'brand-dark' | 'success' | 'warning' | 'warning-dark' | 'danger' | 'white' | 'inherit';
 export type IconBackgroundColor = 'primary' | 'secondary' | 'brand-primary' | 'brand-secondary';
 export interface IconSharedProps {
     /**

package/src/tedi/components/base/icon/icon.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={"tedi-icon__wrapper":"tedi-icon__wrapper-9ebcd2b9","tedi-icon__wrapper--block":"tedi-icon__wrapper--block-c6569c9a","tedi-icon__wrapper--bg":"tedi-icon__wrapper--bg-eecdf75d","tedi-icon__wrapper--inline":"tedi-icon__wrapper--inline-3b529220","tedi-icon__wrapper--bg-primary":"tedi-icon__wrapper--bg-primary-610f32c0","tedi-icon__wrapper--bg-secondary":"tedi-icon__wrapper--bg-secondary-0162c3f4","tedi-icon__wrapper--bg-brand-primary":"tedi-icon__wrapper--bg-brand-primary-b81804e6","tedi-icon__wrapper--bg-brand-secondary":"tedi-icon__wrapper--bg-brand-secondary-f1e0ad91","tedi-icon__wrapper--size-8":"tedi-icon__wrapper--size-8-9d2b31c8","tedi-icon__wrapper--size-12":"tedi-icon__wrapper--size-12-fbbccf16","tedi-icon__wrapper--size-16":"tedi-icon__wrapper--size-16-79f6d6a4","tedi-icon__wrapper--size-18":"tedi-icon__wrapper--size-18-19e79f0c","tedi-icon__wrapper--size-24":"tedi-icon__wrapper--size-24-dad0e422","tedi-icon__wrapper--size-36":"tedi-icon__wrapper--size-36-5db5f717","tedi-icon__wrapper--size-48":"tedi-icon__wrapper--size-48-72e74510","tedi-icon":"tedi-icon-af01e6fb","tedi-icon--block":"tedi-icon--block-b39b3868","tedi-icon--inline":"tedi-icon--inline-f36dc36f","tedi-icon--color-primary":"tedi-icon--color-primary-007b893c","tedi-icon--color-secondary":"tedi-icon--color-secondary-33a32ecf","tedi-icon--color-tertiary":"tedi-icon--color-tertiary-ca6b8bff","tedi-icon--color-brand":"tedi-icon--color-brand-c34b5f15","tedi-icon--color-brand-dark":"tedi-icon--color-brand-dark-b9a4ebc2","tedi-icon--color-success":"tedi-icon--color-success-12a4bdac","tedi-icon--color-warning":"tedi-icon--color-warning-22d5317b","tedi-icon--color-warning-dark":"tedi-icon--color-warning-dark-57a93663","tedi-icon--color-danger":"tedi-icon--color-danger-22384ab6","tedi-icon--color-white":"tedi-icon--color-white-449bf36d","tedi-icon--size-8":"tedi-icon--size-8-5ae94c2a","tedi-icon--size-12":"tedi-icon--size-12-761e2145","tedi-icon--size-16":"tedi-icon--size-16-1921977d","tedi-icon--size-18":"tedi-icon--size-18-53872167","tedi-icon--size-24":"tedi-icon--size-24-a0bf69ef","tedi-icon--size-36":"tedi-icon--size-36-7ca033a7","tedi-icon--size-48":"tedi-icon--size-48-4839c0a5","tedi-icon--filled":"tedi-icon--filled-acd33902"};exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i={"tedi-icon__wrapper":"tedi-icon__wrapper-9ebcd2b9","tedi-icon__wrapper--block":"tedi-icon__wrapper--block-c6569c9a","tedi-icon__wrapper--bg":"tedi-icon__wrapper--bg-eecdf75d","tedi-icon__wrapper--inline":"tedi-icon__wrapper--inline-3b529220","tedi-icon__wrapper--bg-primary":"tedi-icon__wrapper--bg-primary-610f32c0","tedi-icon__wrapper--bg-secondary":"tedi-icon__wrapper--bg-secondary-0162c3f4","tedi-icon__wrapper--bg-brand-primary":"tedi-icon__wrapper--bg-brand-primary-b81804e6","tedi-icon__wrapper--bg-brand-secondary":"tedi-icon__wrapper--bg-brand-secondary-f1e0ad91","tedi-icon__wrapper--size-8":"tedi-icon__wrapper--size-8-9d2b31c8","tedi-icon__wrapper--size-12":"tedi-icon__wrapper--size-12-fbbccf16","tedi-icon__wrapper--size-16":"tedi-icon__wrapper--size-16-79f6d6a4","tedi-icon__wrapper--size-18":"tedi-icon__wrapper--size-18-19e79f0c","tedi-icon__wrapper--size-24":"tedi-icon__wrapper--size-24-dad0e422","tedi-icon__wrapper--size-36":"tedi-icon__wrapper--size-36-5db5f717","tedi-icon__wrapper--size-48":"tedi-icon__wrapper--size-48-72e74510","tedi-icon":"tedi-icon-af01e6fb","tedi-icon--block":"tedi-icon--block-b39b3868","tedi-icon--inline":"tedi-icon--inline-f36dc36f","tedi-icon--color-primary":"tedi-icon--color-primary-007b893c","tedi-icon--color-secondary":"tedi-icon--color-secondary-33a32ecf","tedi-icon--color-tertiary":"tedi-icon--color-tertiary-ca6b8bff","tedi-icon--color-brand":"tedi-icon--color-brand-c34b5f15","tedi-icon--color-brand-dark":"tedi-icon--color-brand-dark-b9a4ebc2","tedi-icon--color-success":"tedi-icon--color-success-12a4bdac","tedi-icon--color-warning":"tedi-icon--color-warning-22d5317b","tedi-icon--color-warning-dark":"tedi-icon--color-warning-dark-57a93663","tedi-icon--color-danger":"tedi-icon--color-danger-22384ab6","tedi-icon--color-white":"tedi-icon--color-white-449bf36d","tedi-icon--size-8":"tedi-icon--size-8-5ae94c2a","tedi-icon--size-12":"tedi-icon--size-12-761e2145","tedi-icon--size-16":"tedi-icon--size-16-1921977d","tedi-icon--size-18":"tedi-icon--size-18-53872167","tedi-icon--size-24":"tedi-icon--size-24-a0bf69ef","tedi-icon--size-36":"tedi-icon--size-36-7ca033a7","tedi-icon--size-48":"tedi-icon--size-48-4839c0a5","tedi-icon--color-inherit":"tedi-icon--color-inherit-5cac9c1f","tedi-icon--filled":"tedi-icon--filled-acd33902"};exports.default=i;

package/src/tedi/components/base/icon/icon.module.scss.es.js

@@ -34,6 +34,7 @@ const i = {
   "tedi-icon--size-24": "tedi-icon--size-24-a0bf69ef",
   "tedi-icon--size-36": "tedi-icon--size-36-7ca033a7",
   "tedi-icon--size-48": "tedi-icon--size-48-4839c0a5",
+  "tedi-icon--color-inherit": "tedi-icon--color-inherit-5cac9c1f",
   "tedi-icon--filled": "tedi-icon--filled-acd33902"
 };
 export {

package/src/tedi/components/content/label/label.d.ts

@@ -32,5 +32,5 @@ export interface LabelProps extends BreakpointSupport<LabelBreakpointProps>, Lab
      */
     tooltip?: string;
 }
-export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLSpanElement | HTMLLabelElement>>;
+export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLLabelElement | HTMLSpanElement>>;
 export {};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),p=require("../../../../external/classnames/index.cjs.js"),q=require("react"),l=require("./icon.module.scss.cjs.js"),e=q.forwardRef((o,r)=>{const{className:s,name:c,filled:d=!1,label:a,type:i="outlined",size:n=24,display:u="block",color:t,...m}=o,f=p.default("notranslate","material-symbols",l.default.icon,l.default[`icon--${u}`],{[`material-symbols--${i}`]:i,[`text-${t}`]:t},s),b={...n?{"--icon-internal-variation-size":`${n/16}rem`}:{},...d?{"--icon-internal-variation-fill":1}:{}};return y.jsx("span",{"data-name":"icon",role:"img","aria-hidden":!a,...m,className:f,style:b,ref:r,"aria-label":a,children:c})});e.displayName="Icon";exports.Icon=e;exports.default=e;

package/src/community/components/icon/icon.d.ts

@@ -1,49 +0,0 @@
-import { default as React } from 'react';
-import { TextColor } from '../typography/text/text';
-export type IconSize = 12 | 14 | 16 | 18 | 24 | 36 | 48;
-export interface IconProps {
-    /**
-     * Name of material symbols icon.
-     * https://fonts.google.com/icons?icon.set=Material+Symbols
-     */
-    name: string;
-    /**
-     * Additional classes.
-     */
-    className?: string;
-    /**
-     * Type of icon.
-     * It is recommended to only use one type throughout your app.
-     * This ensures that only one icon font is downloaded.
-     * @default outlined
-     */
-    type?: 'outlined' | 'rounded' | 'sharp';
-    /**
-     * Render a filled variant of the icon.
-     * @default false
-     */
-    filled?: boolean;
-    /**
-     * Size of the icon.
-     * @default 24
-     */
-    size?: IconSize;
-    /**
-     * Which color Icon should be.
-     * Use 'positive', 'important' or 'warning' with caution, usually they should not be in application UI.
-     * @default default
-     */
-    color?: TextColor;
-    /**
-     * Type of display. block by default.
-     * @default block
-     */
-    display?: 'block' | 'inline';
-    /**
-     * Icons label for screen-readers.
-     * If omitted then the icon is hidden for screen-readers.
-     */
-    label?: string;
-}
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
-export default Icon;

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

@@ -1,47 +0,0 @@
-import { jsx as y } from "react/jsx-runtime";
-import b from "../../../../external/classnames/index.es.js";
-import { forwardRef as N } from "react";
-import l from "./icon.module.scss.es.js";
-const $ = N((n, r) => {
-  const {
-    className: s,
-    name: t,
-    filled: m = !1,
-    label: a,
-    type: o = "outlined",
-    size: i = 24,
-    display: c = "block",
-    color: e,
-    ...d
-  } = n, f = b(
-    "notranslate",
-    // Added to prevent Google Translate from translating the icon
-    "material-symbols",
-    l.icon,
-    l[`icon--${c}`],
-    { [`material-symbols--${o}`]: o, [`text-${e}`]: e },
-    s
-  ), p = {
-    ...i ? { "--icon-internal-variation-size": `${i / 16}rem` } : {},
-    ...m ? { "--icon-internal-variation-fill": 1 } : {}
-  };
-  return /* @__PURE__ */ y(
-    "span",
-    {
-      "data-name": "icon",
-      role: "img",
-      "aria-hidden": !a,
-      ...d,
-      className: f,
-      style: p,
-      ref: r,
-      "aria-label": a,
-      children: t
-    }
-  );
-});
-$.displayName = "Icon";
-export {
-  $ as Icon,
-  $ as default
-};

package/src/community/components/icon/icon.module.scss.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="icon-8081be27",o={icon:e,"icon--block":"icon--block-4aa6379d","icon--inline":"icon--inline-5d045b85"};exports.default=o;exports.icon=e;

package/src/community/components/icon/icon.module.scss.es.js

@@ -1,9 +0,0 @@
-const n = "icon-8081be27", o = {
-  icon: n,
-  "icon--block": "icon--block-4aa6379d",
-  "icon--inline": "icon--inline-5d045b85"
-};
-export {
-  o as default,
-  n as icon
-};

package/src/community/components/typography/heading/heading.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),i=require("../text/text.cjs.js"),e=t=>{const{children:r,element:n="h1",...s}=t;return u.jsx(i.Text,{element:n,...s,children:r})};exports.Heading=e;exports.default=e;

package/src/community/components/typography/heading/heading.d.ts

@@ -1,11 +0,0 @@
-import { HeadingModifiers, TextProps } from '../text/text';
-export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
-export type HeadingProps = Omit<TextProps, 'element'> & {
-    /**
-     * Semantic heading tag. h1-h6 are allowed values.
-     * @default h1
-     */
-    element?: Extract<TextProps['element'], HeadingModifiers>;
-};
-export declare const Heading: (props: HeadingProps) => import("react/jsx-runtime").JSX.Element;
-export default Heading;