@tedi-design-system/react 18.1.0-rc.13 → 18.1.0-rc.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "18.1.0-rc.13",
+  "version": "18.1.0-rc.15",
   "type": "module",
   "sideEffects": false,
   "exports": {

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

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

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

@@ -7,15 +7,15 @@ import r from "./dropdown.module.scss.es.js";
 import { useLabels as Y } from "../../../tedi/providers/label-provider/use-labels.es.js";
 import { autoUpdate as Z } from "../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
 import { flip as $, shift as ee } from "../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-const ce = (d) => {
-  const { getLabel: x } = Y(), { button: D, items: c, onItemClick: a, closeMenuOnClick: F = !0, ...h } = d, { initialFocus: v = -1, modal: p = !1, ...f } = d.focusManager ?? {}, { visuallyHiddenDismiss: _ = p ? x("close") : !1 } = f ?? {}, R = H(), u = i.useRef([]), [m, l] = i.useState(!1), [g, M] = i.useState(null), { x: N, y, strategy: C, refs: I, placement: O, context: n } = T({
+const de = (c) => {
+  const { getLabel: x } = Y(), { button: D, items: d, onItemClick: a, closeMenuOnClick: F = !0, ...h } = c, { initialFocus: v = -1, modal: p = !1, ...f } = c.focusManager ?? {}, { visuallyHiddenDismiss: _ = p ? x("close") : !1 } = f ?? {}, R = H(), u = i.useRef([]), [m, l] = i.useState(!1), [g, M] = i.useState(null), { x: N, y, strategy: C, refs: I, placement: O, context: n } = T({
     placement: "bottom-start",
     nodeId: R,
     open: m,
     onOpenChange: l,
     middleware: [$(), ee()],
     whileElementsMounted: Z
-  }), P = c.findIndex((e) => e.isActive), { getReferenceProps: A, getFloatingProps: E, getItemProps: L } = U([
+  }), P = d.findIndex((e) => e.isActive), { getReferenceProps: A, getFloatingProps: E, getItemProps: L } = U([
     q(n),
     z(n, {
       listRef: u,
@@ -51,7 +51,7 @@ const ce = (d) => {
               }
             }),
             "data-placement": O,
-            children: c.map((o, t) => k(o, t))
+            children: d.map((o, t) => k(o, t))
           }
         )
       }
@@ -100,6 +100,5 @@ const ce = (d) => {
   ] });
 };
 export {
-  ce as Dropdown,
-  ce as default
+  de as Dropdown
 };

package/src/community/components/form/toggle/toggle.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),$=require("../../../../tedi/components/base/icon/icon.cjs.js"),w=require("../../../../tedi/components/loaders/spinner/spinner.cjs.js"),j=require("../../button/button.cjs.js"),e=require("./toggle.module.scss.cjs.js"),c=i.forwardRef((r,C)=>{const{ariaLabel:N,className:q,checked:n,defaultChecked:y,onChange:a,size:u=r.icon?"large":"medium",color:v="default",type:g,icon:S,disabled:f=!1,isLoading:d=!1,extraContent:m,label:_,...l}=r,[h,T]=i.useState(y||!1),o=i.useMemo(()=>a&&typeof n<"u"?n:h,[a,h,n]),M=k.default(e.default.toggle,e.default[`toggle--${u}`],e.default[`toggle--${v}`],{[e.default["toggle--active"]]:o,[e.default["toggle--disabled"]]:f,[e.default[`toggle--${g}`]]:g},q),b=()=>{if(d)return;const s=!o;typeof n>"u"&&T(s),a==null||a(s)},p={noStyle:!0,type:"button","aria-label":N,"aria-pressed":o,disabled:f,"aria-disabled":d,...l,onClick:b};return t.jsxs("div",{className:e.default["toggle-wrapper"],children:[t.jsx(j.Button,{...p,onClick:s=>{var x;(x=l==null?void 0:l.onClick)==null||x.call(l,s),b()},ref:C,"data-name":"toggle",className:M,children:t.jsx("span",{className:e.default.toggle__dot,children:d?t.jsx(w.Spinner,{size:u==="large"?16:10,className:k.default(e.default.toggle__icon,e.default.toggle__spinner)}):S?t.jsx($.Icon,{className:e.default.toggle__icon,name:o?"lock_open_right":"lock",size:16}):null})}),_&&t.jsx(j.Button,{...p,className:e.default.toggle__label,"aria-hidden":!0,tabIndex:-1,children:_}),m&&t.jsx("div",{className:e.default["toggle__extra-content"],children:m})]})});c.displayName="Toggle";exports.Toggle=c;exports.default=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("../../../../../external/classnames/index.cjs.js"),i=require("react"),w=require("../../../../tedi/components/base/icon/icon.cjs.js"),z=require("../../../../tedi/components/loaders/spinner/spinner.cjs.js"),k=require("../../button/button.cjs.js"),e=require("./toggle.module.scss.cjs.js"),j=i.forwardRef((c,C)=>{const{ariaLabel:N,className:y,checked:n,defaultChecked:q,onChange:a,size:r=c.icon?"large":"medium",color:S="default",type:g,icon:T,disabled:u=!1,isLoading:d=!1,extraContent:f,label:m,...l}=c,[_,v]=i.useState(q||!1),o=i.useMemo(()=>a&&typeof n<"u"?n:_,[a,_,n]),$=x.default(e.default.toggle,e.default[`toggle--${r}`],e.default[`toggle--${S}`],{[e.default["toggle--active"]]:o,[e.default["toggle--disabled"]]:u,[e.default[`toggle--${g}`]]:g},y),h=()=>{if(d)return;const s=!o;typeof n>"u"&&v(s),a==null||a(s)},b={noStyle:!0,type:"button","aria-label":N,"aria-pressed":o,disabled:u,"aria-disabled":d,...l,onClick:h};return t.jsxs("div",{className:e.default["toggle-wrapper"],children:[t.jsx(k.Button,{...b,onClick:s=>{var p;(p=l==null?void 0:l.onClick)==null||p.call(l,s),h()},ref:C,"data-name":"toggle",className:$,children:t.jsx("span",{className:e.default.toggle__dot,children:d?t.jsx(z.Spinner,{size:r==="large"?16:10,className:x.default(e.default.toggle__icon,e.default.toggle__spinner)}):T?t.jsx(w.Icon,{className:e.default.toggle__icon,name:o?"lock_open_right":"lock",size:16}):null})}),m&&t.jsx(k.Button,{...b,className:e.default.toggle__label,"aria-hidden":!0,tabIndex:-1,children:m}),f&&t.jsx("div",{className:e.default["toggle__extra-content"],children:f})]})});j.displayName="Toggle";exports.Toggle=j;

package/src/community/components/form/toggle/toggle.es.js

@@ -9,9 +9,9 @@ const L = $((r, C) => {
   const {
     ariaLabel: y,
     className: x,
-    checked: l,
+    checked: a,
     defaultChecked: v,
-    onChange: a,
+    onChange: l,
     size: c = r.icon ? "large" : "medium",
     color: w = "default",
     type: g,
@@ -21,7 +21,7 @@ const L = $((r, C) => {
     extraContent: m,
     label: f,
     ...o
-  } = r, [p, I] = b.useState(v || !1), n = b.useMemo(() => a && typeof l < "u" ? l : p, [a, p, l]), S = k(
+  } = r, [p, I] = b.useState(v || !1), n = b.useMemo(() => l && typeof a < "u" ? a : p, [l, p, a]), S = k(
     e.toggle,
     e[`toggle--${c}`],
     e[`toggle--${w}`],
@@ -35,7 +35,7 @@ const L = $((r, C) => {
     if (i)
       return;
     const s = !n;
-    typeof l > "u" && I(s), a == null || a(s);
+    typeof a > "u" && I(s), l == null || l(s);
   }, _ = {
     noStyle: !0,
     type: "button",
@@ -73,6 +73,5 @@ const L = $((r, C) => {
 });
 L.displayName = "Toggle";
 export {
-  L as Toggle,
-  L as default
+  L as Toggle
 };

package/src/community/components/map-components/left-panel/left-panel-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../../../tedi/components/buttons/button/button.cjs.js"),n=require("../../../../tedi/components/buttons/button-group/button-group.cjs.js"),u=require("../../../../tedi/components/notifications/alert/alert.cjs.js"),t=require("./left-panel.module.scss.cjs.js"),c=require("../../../../tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),a=({showAlert:i=!0,show2D3DButtons:r=!0,children:l})=>e.jsxs("div",{className:t.default["tedi-left-panel__content-wrapper"],children:[i||r&&e.jsxs("div",{className:t.default["tedi-left-panel__content"],children:[i&&e.jsx(u.Alert,{className:t.default["tedi-left-panel__alert"],children:"Kõikide sisselülitatud kihtide kuvamiseks tuleb sisse suumida."}),e.jsx(c.VerticalSpacing,{size:.5,children:r&&e.jsxs(n.ButtonGroup,{type:"primary",stretch:!0,children:[e.jsx(s.Button,{id:"1",isActive:!0,iconLeft:"checked",children:"2D"}),e.jsx(s.Button,{id:"2",children:"3D"})]})})]}),l]});exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),o=require("./left-panel.module.scss.cjs.js"),e=({className:t,children:n})=>l.jsx("div",{className:a.default(o.default["tedi-left-panel__content-wrapper"],t),children:n});e.displayName="LeftPanel.Content";exports.LeftPanelContent=e;exports.default=e;

package/src/community/components/map-components/left-panel/left-panel-content.d.ts

@@ -1,7 +1,12 @@
-import { JSX } from 'react';
-import { LeftPanelProps } from './left-panel';
-type LeftPanelContentProps = LeftPanelProps & {
-    children?: React.ReactNode;
+import { JSX, ReactNode } from 'react';
+export interface LeftPanelContentProps {
+    /** Additional class name applied to the content region. */
+    className?: string;
+    /** Main scrollable content of the panel. */
+    children?: ReactNode;
+}
+export declare const LeftPanelContent: {
+    ({ className, children }: LeftPanelContentProps): JSX.Element;
+    displayName: string;
 };
-declare const LeftPanelContent: ({ showAlert, show2D3DButtons, children, }: LeftPanelContentProps) => JSX.Element;
 export default LeftPanelContent;

package/src/community/components/map-components/left-panel/left-panel-content.es.js

@@ -1,23 +1,9 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Button as n } from "../../../../tedi/components/buttons/button/button.es.js";
-import { ButtonGroup as a } from "../../../../tedi/components/buttons/button-group/button-group.es.js";
-import { Alert as c } from "../../../../tedi/components/notifications/alert/alert.es.js";
-import i from "./left-panel.module.scss.es.js";
-import { VerticalSpacing as d } from "../../../../tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
-const _ = ({
-  showAlert: r = !0,
-  show2D3DButtons: l = !0,
-  children: s
-}) => /* @__PURE__ */ t("div", { className: i["tedi-left-panel__content-wrapper"], children: [
-  r || l && /* @__PURE__ */ t("div", { className: i["tedi-left-panel__content"], children: [
-    r && /* @__PURE__ */ e(c, { className: i["tedi-left-panel__alert"], children: "Kõikide sisselülitatud kihtide kuvamiseks tuleb sisse suumida." }),
-    /* @__PURE__ */ e(d, { size: 0.5, children: l && /* @__PURE__ */ t(a, { type: "primary", stretch: !0, children: [
-      /* @__PURE__ */ e(n, { id: "1", isActive: !0, iconLeft: "checked", children: "2D" }),
-      /* @__PURE__ */ e(n, { id: "2", children: "3D" })
-    ] }) })
-  ] }),
-  s
-] });
+import { jsx as a } from "react/jsx-runtime";
+import o from "../../../../../external/classnames/index.es.js";
+import s from "./left-panel.module.scss.es.js";
+const n = ({ className: e, children: t }) => /* @__PURE__ */ a("div", { className: o(s["tedi-left-panel__content-wrapper"], e), children: t });
+n.displayName = "LeftPanel.Content";
 export {
-  _ as default
+  n as LeftPanelContent,
+  n as default
 };

package/src/community/components/map-components/left-panel/left-panel-footer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),l=require("../../../../tedi/components/base/typography/text/text.cjs.js"),s=require("../../../../tedi/components/navigation/link/link.cjs.js"),t=require("../../../../tedi/components/misc/separator/separator.cjs.js"),a=require("../../form/toggle/toggle.cjs.js"),o=require("./left-panel.module.scss.cjs.js"),i=require("../../../../tedi/components/layout/grid/row.cjs.js"),r=require("../../../../tedi/components/layout/grid/col.cjs.js"),n=()=>e.jsxs("div",{className:o.default["tedi-left-panel__footer"],children:[e.jsxs("div",{className:o.default["tedi-left-panel__footer__theme-switch"],children:[e.jsx(a.Toggle,{ariaLabel:"Toggle dark mode",label:e.jsx(l.Text,{children:"Tume režiim"})}),e.jsx(t.Separator,{color:"primary",spacing:1})]}),e.jsxs(i.Row,{children:[e.jsx(r.Col,{width:"auto",children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Tehniline tugi"})}),e.jsx(r.Col,{children:e.jsx(s.Link,{href:"#",size:"small",children:"kaardirakendus@maaruum.ee"})})]}),e.jsxs(i.Row,{children:[e.jsx(r.Col,{width:"auto",children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Telefon"})}),e.jsx(r.Col,{children:e.jsx(s.Link,{href:"#",size:"small",children:"6 650 600"})})]}),e.jsx(i.Row,{children:e.jsx(r.Col,{children:e.jsx(l.Text,{color:"secondary",modifiers:"small",children:"Maa- ja Ruumiamet. Kõik õigused kaitstud."})})})]});exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),a=require("../../../../../external/classnames/index.cjs.js"),r=require("./left-panel.module.scss.cjs.js"),e=({className:t,children:l})=>o.jsx("div",{className:a.default(r.default["tedi-left-panel__footer"],t),children:l});e.displayName="LeftPanel.Footer";exports.LeftPanelFooter=e;exports.default=e;

package/src/community/components/map-components/left-panel/left-panel-footer.d.ts

@@ -1,2 +1,12 @@
-declare const LeftPanelFooter: () => import("react/jsx-runtime").JSX.Element;
+import { JSX, ReactNode } from 'react';
+export interface LeftPanelFooterProps {
+    /** Additional class name applied to the footer region. */
+    className?: string;
+    /** Content placed in the gray footer area. */
+    children?: ReactNode;
+}
+export declare const LeftPanelFooter: {
+    ({ className, children }: LeftPanelFooterProps): JSX.Element;
+    displayName: string;
+};
 export default LeftPanelFooter;

package/src/community/components/map-components/left-panel/left-panel-footer.es.js

@@ -1,26 +1,9 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Text as l } from "../../../../tedi/components/base/typography/text/text.es.js";
-import { Link as a } from "../../../../tedi/components/navigation/link/link.es.js";
-import { Separator as m } from "../../../../tedi/components/misc/separator/separator.es.js";
-import { Toggle as t } from "../../form/toggle/toggle.es.js";
-import d from "./left-panel.module.scss.es.js";
-import { Row as o } from "../../../../tedi/components/layout/grid/row.es.js";
-import { Col as r } from "../../../../tedi/components/layout/grid/col.es.js";
-const k = () => /* @__PURE__ */ i("div", { className: d["tedi-left-panel__footer"], children: [
-  /* @__PURE__ */ i("div", { className: d["tedi-left-panel__footer__theme-switch"], children: [
-    /* @__PURE__ */ e(t, { ariaLabel: "Toggle dark mode", label: /* @__PURE__ */ e(l, { children: "Tume režiim" }) }),
-    /* @__PURE__ */ e(m, { color: "primary", spacing: 1 })
-  ] }),
-  /* @__PURE__ */ i(o, { children: [
-    /* @__PURE__ */ e(r, { width: "auto", children: /* @__PURE__ */ e(l, { color: "secondary", modifiers: "small", children: "Tehniline tugi" }) }),
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(a, { href: "#", size: "small", children: "kaardirakendus@maaruum.ee" }) })
-  ] }),
-  /* @__PURE__ */ i(o, { children: [
-    /* @__PURE__ */ e(r, { width: "auto", children: /* @__PURE__ */ e(l, { color: "secondary", modifiers: "small", children: "Telefon" }) }),
-    /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(a, { href: "#", size: "small", children: "6 650 600" }) })
-  ] }),
-  /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { color: "secondary", modifiers: "small", children: "Maa- ja Ruumiamet. Kõik õigused kaitstud." }) }) })
-] });
+import { jsx as t } from "react/jsx-runtime";
+import a from "../../../../../external/classnames/index.es.js";
+import s from "./left-panel.module.scss.es.js";
+const r = ({ className: e, children: o }) => /* @__PURE__ */ t("div", { className: a(s["tedi-left-panel__footer"], e), children: o });
+r.displayName = "LeftPanel.Footer";
 export {
-  k as default
+  r as LeftPanelFooter,
+  r as default
 };

package/src/community/components/map-components/left-panel/left-panel-header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../../../../tedi/components/base/icon/icon.cjs.js"),o=require("../../../../tedi/components/buttons/button/button.cjs.js"),l=require("../../dropdown/dropdown.cjs.js"),n=require("./left-panel.module.scss.cjs.js"),r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:n.default["tedi-left-panel__header"],children:[e.jsx("img",{src:"logo.svg",alt:"logo",style:{filter:"brightness(0) saturate(100%) invert(100%)",height:"40px"}}),e.jsx(t.Icon,{name:"close",color:"white"})]}),e.jsxs("div",{className:n.default["tedi-left-panel__header-controls"],children:[e.jsx(o.Button,{onClick:()=>{console.log("Log in")},color:"inverted",iconLeft:"logout",visualType:"neutral",children:"Logi sisse"}),e.jsx(l.Dropdown,{button:{children:"EST",iconRight:"expand_more",visualType:"link",color:"inverted"},items:[{children:"EST",onClick:function(){}},{children:"ENG",isActive:!0,onClick:function(){}},{children:"RUS",onClick:function(){}}]})]})]});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),d=require("./left-panel.module.scss.cjs.js"),e=({className:t,children:a})=>l.jsx("div",{className:r.default(d.default["tedi-left-panel__header-controls"],t),children:a});e.displayName="LeftPanel.Header";exports.LeftPanelHeader=e;exports.default=e;

package/src/community/components/map-components/left-panel/left-panel-header.d.ts

@@ -1,2 +1,12 @@
-declare const LeftPanelHeader: () => import("react/jsx-runtime").JSX.Element;
+import { JSX, ReactNode } from 'react';
+export interface LeftPanelHeaderProps {
+    /** Additional class name applied to the header region. */
+    className?: string;
+    /** Content placed in the blue header area, under the icon. */
+    children?: ReactNode;
+}
+export declare const LeftPanelHeader: {
+    ({ className, children }: LeftPanelHeaderProps): JSX.Element;
+    displayName: string;
+};
 export default LeftPanelHeader;

package/src/community/components/map-components/left-panel/left-panel-header.es.js

@@ -1,64 +1,9 @@
-import { jsxs as i, Fragment as n, jsx as e } from "react/jsx-runtime";
-import { Icon as r } from "../../../../tedi/components/base/icon/icon.es.js";
-import { Button as l } from "../../../../tedi/components/buttons/button/button.es.js";
-import { Dropdown as c } from "../../dropdown/dropdown.es.js";
-import t from "./left-panel.module.scss.es.js";
-const f = () => /* @__PURE__ */ i(n, { children: [
-  /* @__PURE__ */ i("div", { className: t["tedi-left-panel__header"], children: [
-    /* @__PURE__ */ e(
-      "img",
-      {
-        src: "logo.svg",
-        alt: "logo",
-        style: { filter: "brightness(0) saturate(100%) invert(100%)", height: "40px" }
-      }
-    ),
-    /* @__PURE__ */ e(r, { name: "close", color: "white" })
-  ] }),
-  /* @__PURE__ */ i("div", { className: t["tedi-left-panel__header-controls"], children: [
-    /* @__PURE__ */ e(
-      l,
-      {
-        onClick: () => {
-          console.log("Log in");
-        },
-        color: "inverted",
-        iconLeft: "logout",
-        visualType: "neutral",
-        children: "Logi sisse"
-      }
-    ),
-    /* @__PURE__ */ e(
-      c,
-      {
-        button: {
-          children: "EST",
-          iconRight: "expand_more",
-          visualType: "link",
-          color: "inverted"
-        },
-        items: [
-          {
-            children: "EST",
-            onClick: function() {
-            }
-          },
-          {
-            children: "ENG",
-            isActive: !0,
-            onClick: function() {
-            }
-          },
-          {
-            children: "RUS",
-            onClick: function() {
-            }
-          }
-        ]
-      }
-    )
-  ] })
-] });
+import { jsx as s } from "react/jsx-runtime";
+import t from "../../../../../external/classnames/index.es.js";
+import r from "./left-panel.module.scss.es.js";
+const l = ({ className: e, children: a }) => /* @__PURE__ */ s("div", { className: t(r["tedi-left-panel__header-controls"], e), children: a });
+l.displayName = "LeftPanel.Header";
 export {
-  f as default
+  l as LeftPanelHeader,
+  l as default
 };

package/src/community/components/map-components/left-panel/left-panel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../resizer/resizer.cjs.js"),l=require("./left-panel.module.scss.cjs.js"),n=require("./left-panel-content.cjs.js"),r=require("./left-panel-footer.cjs.js"),s=require("./left-panel-header.cjs.js"),a=t=>e.jsx(i.Resizer,{minWidth:350,initialWidth:350,maxWidth:600,children:e.jsxs("div",{className:l.default["tedi-left-panel"],children:[e.jsxs("div",{className:l.default["tedi-left-panel__actions"],children:[e.jsx(s.default,{}),e.jsx(n.default,{...t,children:t.children})]}),e.jsx(r.default,{})]})});exports.LeftPanel=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("../../../../../external/classnames/index.cjs.js"),l=require("react"),B=require("../../../../tedi/components/base/icon/icon.cjs.js"),M=require("../../../../tedi/components/buttons/closing-button/closing-button.cjs.js"),O=require("../../../../tedi/components/buttons/button/button.cjs.js"),V=require("../resizer/resizer.cjs.js"),n=require("./left-panel.module.scss.cjs.js"),y=require("./left-panel-content.cjs.js"),N=require("./left-panel-footer.cjs.js"),R=require("./left-panel-header.cjs.js"),W=require("../../../../tedi/providers/label-provider/use-labels.cjs.js"),m=(o,i)=>{let a=null;return l.Children.forEach(o,e=>{l.isValidElement(e)&&e.type===i&&(a=e)}),a},g=({className:o,icon:i,hideCloseButton:a=!1,hideOpenButton:e=!1,defaultOpen:v=!0,open:p,onOpenChange:c,resizable:_=!0,children:u,width:L=350,minWidth:F=350,maxWidth:H=600})=>{const{getLabel:f}=W.useLabels(),d=l.useId(),b=p!==void 0,[I,h]=l.useState(v),s=b?p:I,P=l.useRef(!1),q=l.useRef(null),x=r=>{P.current=!0,b||h(r),c==null||c(r)};if(l.useEffect(()=>{var r;P.current&&(P.current=!1,!s&&!e&&((r=q.current)==null||r.focus()))},[s,e]),!s&&e)return null;if(!s)return t.jsx(O.Button,{ref:q,"aria-label":f("leftPanelOpen"),"aria-controls":d,"aria-expanded":!1,noStyle:!0,onClick:()=>x(!0),className:n.default["tedi-left-panel__expander-button"],children:t.jsx(B.Icon,{name:"keyboard_double_arrow_right",color:"brand"})});const k=S.default(n.default["tedi-left-panel"],o),E=_?void 0:{width:L},j=m(u,R.LeftPanelHeader),T=m(u,y.LeftPanelContent),w=m(u,N.LeftPanelFooter),z=S.default(n.default["tedi-left-panel__header"],{[n.default["tedi-left-panel__header--rounded"]]:!j}),C=t.jsxs("aside",{id:d,"aria-label":f("leftPanel"),className:k,style:E,children:[t.jsxs("div",{className:n.default["tedi-left-panel__actions"],children:[t.jsxs("div",{className:z,children:[i,!a&&t.jsx(M.ClosingButton,{className:n.default["tedi-left-panel__close"],color:"white",onClick:()=>x(!1),title:f("leftPanelClose"),"aria-controls":d,"aria-expanded":!0})]}),j,T]}),w]});return _?t.jsx(V.Resizer,{minWidth:F,initialWidth:L,maxWidth:H,children:C}):C};g.displayName="LeftPanel";const A=Object.assign(g,{Header:R.LeftPanelHeader,Content:y.LeftPanelContent,Footer:N.LeftPanelFooter});exports.LeftPanel=A;

package/src/community/components/map-components/left-panel/left-panel.d.ts

@@ -1,8 +1,70 @@
-import { JSX } from 'react';
+import { JSX, ReactNode } from 'react';
+import { LeftPanelContentProps } from './left-panel-content';
+import { LeftPanelFooterProps } from './left-panel-footer';
+import { LeftPanelHeaderProps } from './left-panel-header';
+export type { LeftPanelContentProps, LeftPanelFooterProps, LeftPanelHeaderProps };
 export interface LeftPanelProps {
-    showAlert?: boolean;
-    show2D3DButtons?: boolean;
-    children?: React.ReactNode | React.ReactNode[];
+    /** Additional class name applied to the panel root. */
+    className?: string;
+    /** Icon shown on the left of the (blue) header. */
+    icon?: ReactNode;
+    /**
+     * Hide the close button that collapses the panel.
+     * @default false
+     */
+    hideCloseButton?: boolean;
+    /**
+     * Hide the reopen button shown when collapsed.
+     * @default false
+     */
+    hideOpenButton?: boolean;
+    /**
+     * Uncontrolled initial open state. Ignored when `open` is provided.
+     * @default true
+     */
+    defaultOpen?: boolean;
+    /** Controlled open state. When set, the component does not manage its own state. */
+    open?: boolean;
+    /** Notified whenever the panel wants to open or close. */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Allow the user to drag-resize the panel width.
+     * @default true
+     */
+    resizable?: boolean;
+    /** `LeftPanel.Header`, `LeftPanel.Content` and `LeftPanel.Footer`. */
+    children?: ReactNode;
+    /**
+     * Panel width in pixels. Initial width when resizable, fixed width otherwise.
+     * @default 350
+     */
+    width?: number;
+    /**
+     * Maximum resize width in pixels. Only applies when resizable.
+     * @default 600
+     */
+    maxWidth?: number;
+    /**
+     * Minimum resize width in pixels. Only applies when resizable.
+     * @default 350
+     */
+    minWidth?: number;
 }
-export declare const LeftPanel: (props: LeftPanelProps) => JSX.Element;
+export declare const LeftPanel: {
+    ({ className, icon, hideCloseButton, hideOpenButton, defaultOpen, open, onOpenChange, resizable, children, width, minWidth, maxWidth, }: LeftPanelProps): JSX.Element | null;
+    displayName: string;
+} & {
+    Header: {
+        ({ className, children }: LeftPanelHeaderProps): JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ className, children }: LeftPanelContentProps): JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, children }: LeftPanelFooterProps): JSX.Element;
+        displayName: string;
+    };
+};
 export default LeftPanel;

package/src/community/components/map-components/left-panel/left-panel.es.js

@@ -1,16 +1,87 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Resizer as n } from "../resizer/resizer.es.js";
-import r from "./left-panel.module.scss.es.js";
-import l from "./left-panel-content.es.js";
-import o from "./left-panel-footer.es.js";
-import m from "./left-panel-header.es.js";
-const p = (t) => /* @__PURE__ */ e(n, { minWidth: 350, initialWidth: 350, maxWidth: 600, children: /* @__PURE__ */ i("div", { className: r["tedi-left-panel"], children: [
-  /* @__PURE__ */ i("div", { className: r["tedi-left-panel__actions"], children: [
-    /* @__PURE__ */ e(m, {}),
-    /* @__PURE__ */ e(l, { ...t, children: t.children })
-  ] }),
-  /* @__PURE__ */ e(o, {})
-] }) });
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import x from "../../../../../external/classnames/index.es.js";
+import { useId as z, useState as A, useRef as v, useEffect as B, Children as D, isValidElement as G } from "react";
+import { Icon as J } from "../../../../tedi/components/base/icon/icon.es.js";
+import { ClosingButton as K } from "../../../../tedi/components/buttons/closing-button/closing-button.es.js";
+import { Button as M } from "../../../../tedi/components/buttons/button/button.es.js";
+import { Resizer as O } from "../resizer/resizer.es.js";
+import t from "./left-panel.module.scss.es.js";
+import { LeftPanelContent as I } from "./left-panel-content.es.js";
+import { LeftPanelFooter as R } from "./left-panel-footer.es.js";
+import { LeftPanelHeader as h } from "./left-panel-header.es.js";
+import { useLabels as Q } from "../../../../tedi/providers/label-provider/use-labels.es.js";
+const p = (n, s) => {
+  let o = null;
+  return D.forEach(n, (e) => {
+    G(e) && e.type === s && (o = e);
+  }), o;
+}, j = ({
+  className: n,
+  icon: s,
+  hideCloseButton: o = !1,
+  hideOpenButton: e = !1,
+  defaultOpen: k = !0,
+  open: _,
+  onOpenChange: i,
+  resizable: N = !0,
+  children: f,
+  width: P = 350,
+  minWidth: E = 350,
+  maxWidth: g = 600
+}) => {
+  const { getLabel: c } = Q(), d = z(), b = _ !== void 0, [F, H] = A(k), l = b ? _ : F, m = v(!1), L = v(null), y = (r) => {
+    m.current = !0, b || H(r), i == null || i(r);
+  };
+  if (B(() => {
+    var r;
+    m.current && (m.current = !1, !l && !e && ((r = L.current) == null || r.focus()));
+  }, [l, e]), !l && e)
+    return null;
+  if (!l)
+    return /* @__PURE__ */ a(
+      M,
+      {
+        ref: L,
+        "aria-label": c("leftPanelOpen"),
+        "aria-controls": d,
+        "aria-expanded": !1,
+        noStyle: !0,
+        onClick: () => y(!0),
+        className: t["tedi-left-panel__expander-button"],
+        children: /* @__PURE__ */ a(J, { name: "keyboard_double_arrow_right", color: "brand" })
+      }
+    );
+  const w = x(t["tedi-left-panel"], n), T = N ? void 0 : { width: P }, C = p(f, h), V = p(f, I), W = p(f, R), q = x(t["tedi-left-panel__header"], {
+    [t["tedi-left-panel__header--rounded"]]: !C
+  }), S = /* @__PURE__ */ u("aside", { id: d, "aria-label": c("leftPanel"), className: w, style: T, children: [
+    /* @__PURE__ */ u("div", { className: t["tedi-left-panel__actions"], children: [
+      /* @__PURE__ */ u("div", { className: q, children: [
+        s,
+        !o && /* @__PURE__ */ a(
+          K,
+          {
+            className: t["tedi-left-panel__close"],
+            color: "white",
+            onClick: () => y(!1),
+            title: c("leftPanelClose"),
+            "aria-controls": d,
+            "aria-expanded": !0
+          }
+        )
+      ] }),
+      C,
+      V
+    ] }),
+    W
+  ] });
+  return N ? /* @__PURE__ */ a(O, { minWidth: E, initialWidth: P, maxWidth: g, children: S }) : S;
+};
+j.displayName = "LeftPanel";
+const se = Object.assign(j, {
+  Header: h,
+  Content: I,
+  Footer: R
+});
 export {
-  p as LeftPanel
+  se as LeftPanel
 };

package/src/community/components/map-components/left-panel/left-panel.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-left-panel":"tedi-left-panel-13d31e79","tedi-left-panel__alert":"tedi-left-panel__alert-ab0beebf","tedi-left-panel__header":"tedi-left-panel__header-c0424743","tedi-left-panel__content":"tedi-left-panel__content-a9f83f17","tedi-left-panel__footer":"tedi-left-panel__footer-673c7499","tedi-left-panel__footer__theme-switch":"tedi-left-panel__footer__theme-switch-f7e013a8","tedi-left-panel__header-controls":"tedi-left-panel__header-controls-4f3151da","tedi-left-panel__content-wrapper":"tedi-left-panel__content-wrapper-a8939393"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-left-panel":"tedi-left-panel-13d31e79","tedi-left-panel__header":"tedi-left-panel__header-c0424743","tedi-left-panel__close":"tedi-left-panel__close-79045a44","tedi-left-panel__footer":"tedi-left-panel__footer-673c7499","tedi-left-panel__header-controls":"tedi-left-panel__header-controls-4f3151da","tedi-left-panel__actions":"tedi-left-panel__actions-f90416f1","tedi-left-panel__content-wrapper":"tedi-left-panel__content-wrapper-a8939393","tedi-left-panel__expander-button":"tedi-left-panel__expander-button-8d65cded"};exports.default=e;

package/src/community/components/map-components/left-panel/left-panel.module.scss.es.js

@@ -1,12 +1,12 @@
 const e = {
   "tedi-left-panel": "tedi-left-panel-13d31e79",
-  "tedi-left-panel__alert": "tedi-left-panel__alert-ab0beebf",
   "tedi-left-panel__header": "tedi-left-panel__header-c0424743",
-  "tedi-left-panel__content": "tedi-left-panel__content-a9f83f17",
+  "tedi-left-panel__close": "tedi-left-panel__close-79045a44",
   "tedi-left-panel__footer": "tedi-left-panel__footer-673c7499",
-  "tedi-left-panel__footer__theme-switch": "tedi-left-panel__footer__theme-switch-f7e013a8",
   "tedi-left-panel__header-controls": "tedi-left-panel__header-controls-4f3151da",
-  "tedi-left-panel__content-wrapper": "tedi-left-panel__content-wrapper-a8939393"
+  "tedi-left-panel__actions": "tedi-left-panel__actions-f90416f1",
+  "tedi-left-panel__content-wrapper": "tedi-left-panel__content-wrapper-a8939393",
+  "tedi-left-panel__expander-button": "tedi-left-panel__expander-button-8d65cded"
 };
 export {
   e as default

package/src/community/components/map-components/resizer/resizer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),r=require("react"),z=require("../../../../tedi/components/base/icon/icon.cjs.js"),s=require("./resizer.module.scss.cjs.js"),j=R=>{const{children:b,minWidth:d=300,maxWidth:o=600,initialWidth:g=350,minHeight:c=200,maxHeight:h=600,initialHeight:x=350,className:$,handlePosition:e="right",showIndicator:w=!1}=R,v=r.useRef(null),u=r.useRef(!1),t=r.useRef({x:0,y:0,width:g,height:x}),[a,N]=r.useState({width:g,height:x});r.useEffect(()=>{const n=l=>{if(!u.current||!v.current)return;l.preventDefault();const M=l.clientX-t.current.x,_=l.clientY-t.current.y;N(y=>{let m=y.width,f=y.height;return e==="right"?m=Math.min(Math.max(t.current.width+M,d),o):e==="left"?m=Math.min(Math.max(t.current.width-M,d),o):e==="bottom"?f=Math.min(Math.max(t.current.height+_,c),h):e==="top"&&(f=Math.min(Math.max(t.current.height-_,c),h)),{width:m,height:f}})},p=()=>{u.current=!1,document.body.style.userSelect=""};return document.addEventListener("mousemove",n),document.addEventListener("mouseup",p),()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",p)}},[e,d,o,c,h]);const D=n=>{n.preventDefault(),u.current=!0,document.body.style.userSelect="none",t.current={x:n.clientX,y:n.clientY,width:a.width,height:a.height}};return i.jsxs("div",{ref:v,className:`${s.default["tedi-resize__wrapper"]} ${$||""}`,style:{width:`${a.width}px`,height:e==="top"||e==="bottom"?`${a.height}px`:"auto",position:"relative",display:"block"},children:[i.jsx("div",{className:s.default["tedi-resize__content"],children:b}),i.jsxs("div",{className:`${s.default["tedi-resize__handle-wrapper"]} ${s.default[`direction-${e}`]}`,onMouseDown:D,"data-show-indicator":w,children:[i.jsx("div",{className:s.default["tedi-resize__drag-handle"],children:i.jsx(z.Icon,{name:"drag_handle",size:18})}),!w&&i.jsx("div",{className:s.default["tedi-resize__drag-indicator"],children:i.jsx(z.Icon,{name:"drag_handle",color:"brand",size:18})})]})]})};exports.Resizer=j;exports.default=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("react"),z=require("../../../../tedi/components/base/icon/icon.cjs.js"),s=require("./resizer.module.scss.cjs.js"),D=j=>{const{children:R,minWidth:a=300,maxWidth:d=600,initialWidth:g=350,minHeight:c=200,maxHeight:h=600,initialHeight:x=350,className:b,handlePosition:e="right",showIndicator:w=!1}=j,p=r.useRef(null),u=r.useRef(!1),t=r.useRef({x:0,y:0,width:g,height:x}),[o,$]=r.useState({width:g,height:x});r.useEffect(()=>{const n=l=>{if(!u.current||!p.current)return;l.preventDefault();const M=l.clientX-t.current.x,_=l.clientY-t.current.y;$(y=>{let m=y.width,f=y.height;return e==="right"?m=Math.min(Math.max(t.current.width+M,a),d):e==="left"?m=Math.min(Math.max(t.current.width-M,a),d):e==="bottom"?f=Math.min(Math.max(t.current.height+_,c),h):e==="top"&&(f=Math.min(Math.max(t.current.height-_,c),h)),{width:m,height:f}})},v=()=>{u.current=!1,document.body.style.userSelect=""};return document.addEventListener("mousemove",n),document.addEventListener("mouseup",v),()=>{document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",v)}},[e,a,d,c,h]);const N=n=>{n.preventDefault(),u.current=!0,document.body.style.userSelect="none",t.current={x:n.clientX,y:n.clientY,width:o.width,height:o.height}};return i.jsxs("div",{ref:p,className:`${s.default["tedi-resize__wrapper"]} ${b||""}`,style:{width:`${o.width}px`,height:e==="top"||e==="bottom"?`${o.height}px`:"auto",position:"relative",display:"block"},children:[i.jsx("div",{className:s.default["tedi-resize__content"],children:R}),i.jsxs("div",{className:`${s.default["tedi-resize__handle-wrapper"]} ${s.default[`direction-${e}`]}`,onMouseDown:N,"data-show-indicator":w,children:[i.jsx("div",{className:s.default["tedi-resize__drag-handle"],children:i.jsx(z.Icon,{name:"drag_handle",size:18})}),!w&&i.jsx("div",{className:s.default["tedi-resize__drag-indicator"],children:i.jsx(z.Icon,{name:"drag_handle",color:"brand",size:18})})]})]})};exports.Resizer=D;

package/src/community/components/map-components/resizer/resizer.es.js

@@ -1,5 +1,5 @@
 import { jsxs as z, jsx as r } from "react/jsx-runtime";
-import { useRef as f, useState as L, useEffect as R } from "react";
+import { useRef as g, useState as L, useEffect as R } from "react";
 import { Icon as $ } from "../../../../tedi/components/base/icon/icon.es.js";
 import n from "./resizer.module.scss.es.js";
 const P = (b) => {
@@ -7,21 +7,21 @@ const P = (b) => {
     children: N,
     minWidth: o = 300,
     maxWidth: a = 600,
-    initialWidth: g = 350,
+    initialWidth: p = 350,
     minHeight: d = 200,
     maxHeight: h = 600,
-    initialHeight: p = 350,
+    initialHeight: f = 350,
     className: D,
     handlePosition: e = "right",
     showIndicator: w = !1
-  } = b, v = f(null), c = f(!1), t = f({
+  } = b, v = g(null), c = g(!1), t = g({
     x: 0,
     y: 0,
-    width: g,
-    height: p
+    width: p,
+    height: f
   }), [s, E] = L({
-    width: g,
-    height: p
+    width: p,
+    height: f
   });
   R(() => {
     const i = (l) => {
@@ -77,6 +77,5 @@ const P = (b) => {
   );
 };
 export {
-  P as Resizer,
-  P as default
+  P as Resizer
 };

package/src/tedi/components/layout/hide-at/hide-at.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../helpers/hooks/use-breakpoint.cjs.js"),r=({children:i,...n})=>{const s=t.default();return Object.entries(n).some(([u,o])=>o?!t.isBreakpointBelow(s,u):!1)?null:e.jsx(e.Fragment,{children:i})};r.displayName="HideAt";exports.HideAt=r;

package/src/tedi/components/layout/hide-at/hide-at.es.js

@@ -0,0 +1,10 @@
+import { jsx as n, Fragment as s } from "react/jsx-runtime";
+import u, { isBreakpointBelow as d } from "../../../helpers/hooks/use-breakpoint.es.js";
+const l = ({ children: e, ...r }) => {
+  const t = u();
+  return Object.entries(r).some(([o, i]) => i ? !d(t, o) : !1) ? null : /* @__PURE__ */ n(s, { children: e });
+};
+l.displayName = "HideAt";
+export {
+  l as HideAt
+};