gd-design-library 1.0.2 → 1.1.0

package/ai/schemas/components/ChatContainer.d.ts

@@ -19,19 +19,11 @@ declare const _default: {
             type: string;
             description: string;
             default?: undefined;
-            enum?: undefined;
         } | {
             name: string;
             type: string;
             description: string;
             default: string;
-            enum: string[];
-        } | {
-            name: string;
-            type: string;
-            description: string;
-            default: boolean;
-            enum?: undefined;
         })[];
         examples: string[];
     };

package/components/core/Tooltip/Tooltip.js

@@ -1,52 +1,53 @@
 "use client";
-import { jsxs as g, Fragment as B, jsx as s } from "@emotion/react/jsx-runtime";
-import { forwardRef as L, useCallback as r } from "react";
-import { useTooltip as O } from "./utils.js";
+import { jsxs as B, Fragment as L, jsx as a } from "@emotion/react/jsx-runtime";
+import { forwardRef as O, useCallback as r } from "react";
+import { useTooltip as P } from "./utils.js";
 import { COMPONENT_NAME as l } from "./constants.js";
-import { TooltipStyled as P, TooltipWrapperStyled as W } from "./TooltipStyled.js";
-import { useTheme as j } from "../../../hooks/useTheme/useTheme.js";
-import { KEYBOARD_KEYS as h } from "../../../constants/keyboard.js";
-import { Portal as v } from "../Portal/Portal.js";
-const V = L((u, y) => {
+import { TooltipStyled as W, TooltipWrapperStyled as j } from "./TooltipStyled.js";
+import { useTheme as v } from "../../../hooks/useTheme/useTheme.js";
+import { KEYBOARD_KEYS as m } from "../../../constants/keyboard.js";
+import { Portal as V } from "../Portal/Portal.js";
+const Y = O((f, h) => {
   const {
     id: n,
-    children: T,
-    content: e,
-    position: b,
-    delay: w,
-    className: E = "",
-    ariaLabel: p,
-    gap: N,
-    as: C,
-    ...c
-  } = u, {
+    children: u,
+    content: t,
+    position: y,
+    delay: T,
+    className: b = "",
+    ariaLabel: c,
+    gap: w,
+    as: E,
+    styles: N,
+    ...C
+  } = f, {
     theme: D
-  } = j(), {
+  } = v(), {
     isVisible: o,
-    coords: d,
-    containerRef: K,
-    tooltipRef: S,
-    showTooltip: a,
-    hideTooltip: t,
-    positionWithFallback: k
-  } = O(b, w, N), R = `${E.trim()} tooltip-${k}`, x = !p && typeof e == "string" ? e : p, f = o && !!e, i = r(() => {
-    o && t();
-  }, [t, o]), A = i, F = r(() => {
-    o || a();
-  }, [o, a]), M = r(() => {
-    o && t();
-  }, [t, o]), $ = r((m) => {
-    [h.ENTER, h.SPACE].includes(m.key) && (m.preventDefault(), i());
+    coords: K,
+    containerRef: S,
+    tooltipRef: k,
+    showTooltip: s,
+    hideTooltip: e,
+    positionWithFallback: R
+  } = P(y, T, w), x = `${b.trim()} tooltip-${R}`, A = !c && typeof t == "string" ? t : c, p = o && !!t, i = r(() => {
+    o && e();
+  }, [e, o]), F = i, M = r(() => {
+    o || s();
+  }, [o, s]), $ = r(() => {
+    o && e();
+  }, [e, o]), g = r((d) => {
+    [m.ENTER, m.SPACE].includes(d.key) && (d.preventDefault(), i());
   }, [i]);
-  return /* @__PURE__ */ g(B, { children: [
-    f && /* @__PURE__ */ s(v, { withWrapper: !1, ref: y, children: /* @__PURE__ */ s(P, { id: n, theme: D, className: R, ref: S, "data-testid": l, role: "tooltip", "aria-hidden": !o, style: {
-      top: d.top,
-      left: d.left
-    }, ...c, children: e }) }),
-    /* @__PURE__ */ s(W, { $as: C, ref: K, onMouseEnter: a, onMouseLeave: t, onClick: i, onTouchStart: A, onFocus: F, onBlur: M, onKeyDown: $, "aria-expanded": f, "aria-describedby": n, "aria-label": x, "data-testid": `${l}-wrapper`, ...c, children: T })
+  return /* @__PURE__ */ B(L, { children: [
+    p && /* @__PURE__ */ a(V, { withWrapper: !1, ref: h, children: /* @__PURE__ */ a(W, { id: n, theme: D, className: x, ref: k, "data-testid": l, role: "tooltip", "aria-hidden": !o, styles: {
+      ...N,
+      ...K
+    }, ...C, children: t }) }),
+    /* @__PURE__ */ a(j, { $as: E, ref: S, onMouseEnter: s, onMouseLeave: e, onClick: i, onTouchStart: F, onFocus: M, onBlur: $, onKeyDown: g, "aria-expanded": p, "aria-describedby": n, "aria-label": A, "data-testid": `${l}-wrapper`, children: u })
   ] });
 });
-V.displayName = l;
+Y.displayName = l;
 export {
-  V as default
+  Y as default
 };

package/components/domainSpecific/Card/Card.js

@@ -1,35 +1,39 @@
 "use client";
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { forwardRef as a } from "react";
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { forwardRef as p } from "react";
 import { COMPONENT_NAME as r } from "./constants.js";
-import { CardRating as p } from "./CardRating/CardRating.js";
-import { CardDescription as f } from "./CardDescription/CardDescription.js";
-import { CardTitle as n } from "./CardTitle/CardTitle.js";
-import { CardButton as d } from "./CardButton/CardButton.js";
-import { CardPrice as C } from "./CardPrice/CardPrice.js";
-import { CardImage as s } from "./CardImage/CardImage.js";
-import { CardCounter as c } from "./CardCounter/CardCounter.js";
-import { Column as u } from "../../layout/Column/Column.js";
-import { Box as l } from "../../core/Box/Box.js";
-import { Row as g } from "../../layout/Row/Row.js";
-const N = a((o, t) => {
+import { CardRating as f } from "./CardRating/CardRating.js";
+import { CardDescription as n } from "./CardDescription/CardDescription.js";
+import { CardTitle as d } from "./CardTitle/CardTitle.js";
+import { CardButton as s } from "./CardButton/CardButton.js";
+import { CardPrice as c } from "./CardPrice/CardPrice.js";
+import { CardImage as C } from "./CardImage/CardImage.js";
+import { CardCounter as u } from "./CardCounter/CardCounter.js";
+import { Column as l } from "../../layout/Column/Column.js";
+import { Box as g } from "../../core/Box/Box.js";
+import { Row as N } from "../../layout/Row/Row.js";
+import { useTheme as R } from "../../../hooks/useTheme/useTheme.js";
+import { get as T } from "../../../utils/helpers.js";
+const h = p((o, t) => {
   const {
     children: m,
     ...i
-  } = o;
-  return /* @__PURE__ */ e(l, { ref: t, ...i, "data-testid": r, children: m });
-}), R = Object.assign(N, {
-  Row: g,
-  Column: u,
-  Counter: c,
-  Image: s,
-  Price: C,
-  Button: d,
-  Title: n,
-  Description: f,
-  Rating: p
+  } = o, {
+    theme: e
+  } = R();
+  return /* @__PURE__ */ a(g, { ref: t, css: T(e, "card.default", {}), ...i, "data-testid": r, children: m });
+}), x = Object.assign(h, {
+  Row: N,
+  Column: l,
+  Counter: u,
+  Image: C,
+  Price: c,
+  Button: s,
+  Title: d,
+  Description: n,
+  Rating: f
 });
-R.displayName = r;
+x.displayName = r;
 export {
-  R as Card
+  x as Card
 };

package/components/domainSpecific/Card/CardTitle/constants.js

@@ -1,8 +1,8 @@
-import { TypographyVariant as r } from "../../../../types/typography.js";
-import { CardSizeVariant as o } from "../../../../types/card.js";
+import { CardSizeVariant as r } from "../../../../types/card.js";
+import { TypographyVariant as o } from "../../../../types/typography.js";
 const i = "CardTitle", m = {
-  [o.Default]: r.H6,
-  [o.Sm]: r.Body1
+  [r.Default]: o.H6,
+  [r.Sm]: o.Body1
 };
 export {
   i as COMPONENT_NAME,

package/components/layout/ChatContainer/ChatContainer.d.ts

@@ -1,2 +1,2 @@
-import { ChatContainerProps, ChatContainerRef } from './ChatContainer.types';
+import { ChatContainerProps, ChatContainerRef } from './';
 export declare const ChatContainer: import('react').ForwardRefExoticComponent<ChatContainerProps & import('react').RefAttributes<ChatContainerRef>>;

package/components/layout/ChatContainer/ChatContainer.js

@@ -1,57 +1,68 @@
 "use client";
-import { jsxs as n, jsx as r } from "@emotion/react/jsx-runtime";
-import { forwardRef as O, useRef as N, useState as x, useImperativeHandle as H } from "react";
-import { COMPONENT_NAME as t } from "./constants.js";
-import { MainWrapperStyled as I, SidebarWrapperStyled as M, SidebarStyled as v, SidebarHeaderStyled as R, SidebarToggleButtonStyled as p, BodyStyled as j, MainHeaderStyled as k, ContentStyled as A } from "./ChatContainerStyled.js";
-import { ChatLayoutVariant as B } from "../../../types/chat.js";
-import { useTheme as D } from "../../../hooks/useTheme/useTheme.js";
-import { Icon as h } from "../../core/Icon/Icon.js";
+import { jsxs as a, jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as H, useRef as N, useState as x, useImperativeHandle as I } from "react";
+import { COMPONENT_NAME as e } from "./constants.js";
+import { MainWrapperStyled as T, SidebarWrapperStyled as j, SidebarStyled as k, SidebarHeaderStyled as A, SidebarToggleButtonStyled as h, SidebarMinifiedStyled as B, BodyStyled as D, MainHeaderStyled as E, ContentStyled as W } from "./ChatContainerStyled.js";
+import { useTheme as v } from "../../../hooks/useTheme/useTheme.js";
+import { useLogger as L } from "../../../hooks/useLogger/useLogger.js";
+import { Icon as b } from "../../core/Icon/Icon.js";
 import { get as f } from "../../../utils/helpers.js";
-const E = O((S, u) => {
+const P = H((u, S) => {
   const {
     sidebarContent: y,
-    headerContent: s,
-    children: b,
-    isOpen: g = !0,
-    sidebarHeaderContent: l,
-    onToggleSidebar: d,
-    styles: C = {},
-    variant: $ = B.Auto,
-    ...w
-  } = S, {
-    theme: e
-  } = D(), c = N(null), [a, i] = x(g), o = () => {
-    const m = !a;
-    i(m), d == null || d(m);
+    headerContent: c,
+    children: $,
+    isOpen: C = !0,
+    sidebarHeaderContent: m,
+    sidebarMinifiedContent: p,
+    onToggleSidebar: n,
+    styles: w = {},
+    showSidebarAsideControl: O = !0,
+    showSidebarHeaderControl: M = !0,
+    ...R
+  } = u, {
+    theme: t
+  } = v(), i = L(), g = N(null), [d, o] = x(C), l = () => {
+    const s = !d;
+    i.debug(`${e}: Toggle triggered (user interaction)`, {
+      isOpen: s
+    }), o(s), n == null || n(s);
   };
-  return H(u, () => ({
-    ref: c,
-    isOpen: a,
-    open: () => i(!0),
-    close: () => i(!1),
-    toggle: o
-  })), /* @__PURE__ */ n(I, { className: "gd-chat-container", "data-testid": `${t}-main-wrapper`, theme: e, ref: c, ...w, styles: C, children: [
-    a && /* @__PURE__ */ r(M, { theme: e, $variant: $, "data-testid": `${t}-sidebar-wrapper`, children: /* @__PURE__ */ n(v, { theme: e, "data-testid": `${t}-sidebar`, children: [
-      l ? /* @__PURE__ */ n(R, { theme: e, "data-testid": `${t}-sidebar-header`, children: [
-        /* @__PURE__ */ r(p, { theme: e, onClick: o, $open: a, children: /* @__PURE__ */ r(h, { ...f(e, "chat.toggleIcon", {
+  return I(S, () => ({
+    ref: g,
+    isOpen: d,
+    open: () => {
+      i.debug(`${e}: Ref method called - open()`), o(!0);
+    },
+    close: () => {
+      i.debug(`${e}: Ref method called - close()`), o(!1);
+    },
+    toggle: () => {
+      i.debug(`${e}: Ref method called - toggle()`), l();
+    }
+  })), /* @__PURE__ */ a(T, { className: "gd-chat-container", "data-testid": `${e}-main-wrapper`, theme: t, ref: g, ...R, styles: w, children: [
+    d && /* @__PURE__ */ r(j, { theme: t, "data-testid": `${e}-sidebar-wrapper`, children: /* @__PURE__ */ a(k, { theme: t, "data-testid": `${e}-sidebar`, children: [
+      m ? /* @__PURE__ */ a(A, { theme: t, "data-testid": `${e}-sidebar-header`, children: [
+        O && /* @__PURE__ */ r(h, { theme: t, onClick: l, $open: d, children: /* @__PURE__ */ r(b, { ...f(t, "chat.toggleIcon", {
           name: "arrowDown"
         }) }) }),
-        l
+        m
       ] }) : null,
       y
     ] }) }),
-    /* @__PURE__ */ n(j, { theme: e, "data-testid": `${t}-body`, children: [
-      s ? /* @__PURE__ */ n(k, { theme: e, "data-testid": `${t}-main-header`, children: [
-        !a && /* @__PURE__ */ r(p, { theme: e, onClick: o, children: /* @__PURE__ */ r(h, { ...f(e, "chat.toggleIcon", {
+    !d && p && /* @__PURE__ */ r(B, { theme: t, "data-testid": `${e}-sidebar-minified`, children: p }),
+    /* @__PURE__ */ a(D, { theme: t, "data-testid": `${e}-body`, children: [
+      c ? /* @__PURE__ */ a(E, { theme: t, "data-testid": `${e}-main-header`, children: [
+        !d && M && /* @__PURE__ */ r(h, { theme: t, onClick: l, children: /* @__PURE__ */ r(b, { ...f(t, "chat.toggleIcon", {
           name: "arrowDown"
         }) }) }),
-        s
+        c
       ] }) : null,
-      /* @__PURE__ */ r(A, { theme: e, "data-testid": `${t}-content`, children: b })
+      /* @__PURE__ */ r(W, { theme: t, "data-testid": `${e}-content`, children: $ })
     ] })
   ] });
 });
-E.displayName = t;
+P.displayName = e;
 export {
-  E as ChatContainer
+  P as ChatContainer
 };

package/components/layout/ChatContainer/ChatContainer.types.d.ts

@@ -1,13 +1,14 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { EnumOrPrimitive, ChatLayoutVariant } from '../../../types';
 import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../..';
 export interface ChatContainerProps extends PropsWithChildren<CommonCssComponentProps> {
     sidebarContent?: ReactNode;
+    sidebarMinifiedContent?: ReactNode;
     sidebarHeaderContent?: ReactNode;
     headerContent?: ReactNode;
     children?: ReactNode;
     isOpen?: boolean;
-    variant?: EnumOrPrimitive<ChatLayoutVariant>;
+    showSidebarAsideControl?: boolean;
+    showSidebarHeaderControl?: boolean;
     onToggleSidebar?: (open: boolean) => void;
 }
 export interface ChatContainerRef {
@@ -17,9 +18,7 @@ export interface ChatContainerRef {
     toggle: () => void;
 }
 export type ChatCommonStyledProps = PropsWithChildren<CommonCssComponentStyledProps>;
-export interface SidebarWrapperStyledProps extends CommonCssComponentStyledProps {
-    $variant?: EnumOrPrimitive<ChatLayoutVariant>;
-}
+export type SidebarWrapperStyledProps = CommonCssComponentStyledProps;
 export interface SidebarToggleButtonStyledProps extends CommonCssComponentStyledProps<HTMLButtonElement> {
     $open?: boolean;
 }

package/components/layout/ChatContainer/ChatContainerStyled.d.ts

@@ -4,6 +4,7 @@ export declare const MainHeaderStyled: (props: ChatCommonStyledProps) => import(
 export declare const BodyStyled: (props: ChatCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const SidebarWrapperStyled: (props: SidebarWrapperStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const SidebarStyled: (props: ChatCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SidebarMinifiedStyled: (props: ChatCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const SidebarHeaderStyled: (props: ChatCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const ContentStyled: (props: ChatCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const SidebarToggleButtonStyled: (props: SidebarToggleButtonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/layout/ChatContainer/ChatContainerStyled.js

@@ -1,133 +1,144 @@
-"use client";
-import { jsx as d } from "@emotion/react/jsx-runtime";
+import { jsx as p } from "@emotion/react/jsx-runtime";
 import { forwardRef as P } from "react";
-import { getBoxStyles as l, tokensHandler as m, getMediaQuery as i } from "../../../tokens/utils.js";
-import { get as e } from "../../../utils/helpers.js";
+import { getBoxStyles as l, tokensHandler as y, getMediaQuery as S } from "../../../tokens/utils.js";
+import { get as s } from "../../../utils/helpers.js";
 import { ButtonVariant as u } from "../../../types/button.js";
 import { Button as x } from "../../core/Button/Button.js";
-const N = P((n, s) => {
+const B = P((r, e) => {
   const {
     theme: {
       chat: t,
-      ...r
+      ...n
     } = {},
     styles: c = {},
     ...a
-  } = n, {
-    boxStyles: p,
+  } = r, {
+    boxStyles: d,
     restProps: o
-  } = l(a), y = new Proxy(t || {}, m(r)), S = [e(y, "wrapper.default", {}), p, c];
-  return /* @__PURE__ */ d("div", { css: S, ...o, ref: s });
-}), k = (n) => {
+  } = l(a), m = new Proxy(t || {}, y(n)), i = [s(m, "wrapper.default", {}), d, c];
+  return /* @__PURE__ */ p("div", { css: i, ...o, ref: e });
+}), k = (r) => {
   const {
     theme: {
-      chat: s,
+      chat: e,
       ...t
     } = {},
-    ...r
-  } = n, {
+    ...n
+  } = r, {
     boxStyles: c,
     restProps: a
-  } = l(r), p = new Proxy(s || {}, m(t)), o = [e(p, "mainHeader", {}), c];
-  return /* @__PURE__ */ d("header", { css: o, ...a });
-}, v = (n) => {
+  } = l(n), d = new Proxy(e || {}, y(t)), o = [s(d, "mainHeader", {}), c];
+  return /* @__PURE__ */ p("header", { css: o, ...a });
+}, H = (r) => {
   const {
     theme: {
-      chat: s,
+      chat: e,
       ...t
     } = {},
-    ...r
-  } = n, {
+    ...n
+  } = r, {
     boxStyles: c,
     restProps: a
-  } = l(r), p = new Proxy(s || {}, m(t)), o = [e(p, "body", {}), c];
-  return /* @__PURE__ */ d("div", { css: o, ...a });
-}, H = (n) => {
+  } = l(n), d = new Proxy(e || {}, y(t)), o = [s(d, "body", {}), c];
+  return /* @__PURE__ */ p("div", { css: o, ...a });
+}, M = (r) => {
   const {
     theme: {
-      chat: s,
+      chat: e,
       ...t
     } = {},
-    $variant: r,
-    ...c
-  } = n, {
-    boxStyles: a,
-    restProps: p
-  } = l(c), o = new Proxy(s || {}, m(t)), y = [e(o, "sidebarWrapper.default", {}), e(o, ["sidebarWrapper", r, "default"], {}), i({
-    max: e(t, "breakpoints.md")
-  }, e(s, ["sidebarWrapper", r, "md"], (S) => ({}))(t)), a];
-  return /* @__PURE__ */ d("div", { css: y, ...p });
-}, W = (n) => {
+    ...n
+  } = r, {
+    boxStyles: c,
+    restProps: a
+  } = l(n), d = new Proxy(e || {}, y(t)), o = [s(d, "sidebarWrapper.default", {}), S({
+    max: s(t, "breakpoints.md")
+  }, s(e, ["sidebarWrapper", "md"], (m) => ({}))(t)), c];
+  return /* @__PURE__ */ p("div", { css: o, ...a });
+}, v = (r) => {
+  const {
+    theme: {
+      chat: e,
+      ...t
+    } = {},
+    ...n
+  } = r, {
+    boxStyles: c,
+    restProps: a
+  } = l(n), d = new Proxy(e || {}, y(t)), o = [s(d, "sidebar", {}), c];
+  return /* @__PURE__ */ p("aside", { css: o, ...a });
+}, W = (r) => {
   const {
     theme: {
-      chat: s,
+      chat: e,
       ...t
     } = {},
-    ...r
-  } = n, {
+    ...n
+  } = r, {
     boxStyles: c,
     restProps: a
-  } = l(r), p = new Proxy(s || {}, m(t)), o = [e(p, "sidebar", {}), c];
-  return /* @__PURE__ */ d("aside", { css: o, ...a });
-}, M = (n) => {
+  } = l(n), d = new Proxy(e || {}, y(t)), o = [s(d, "sidebarMinified", {}), c];
+  return /* @__PURE__ */ p("aside", { css: o, ...a });
+}, T = (r) => {
   const {
     theme: {
-      chat: s,
+      chat: e,
       ...t
     } = {},
-    ...r
-  } = n, {
+    ...n
+  } = r, {
     boxStyles: c,
     restProps: a
-  } = l(r), p = new Proxy(s || {}, m(t)), o = [e(p, "sidebarHeader", {}), c];
-  return /* @__PURE__ */ d("header", { css: o, ...a });
-}, T = (n) => {
+  } = l(n), d = new Proxy(e || {}, y(t)), o = [s(d, "sidebarHeader", {}), c];
+  return /* @__PURE__ */ p("header", { css: o, ...a });
+}, j = (r) => {
   const {
     theme: {
-      chat: s,
+      chat: e,
       ...t
     } = {},
-    styles: r = {},
+    styles: n = {},
     ...c
-  } = n, {
+  } = r, {
     boxStyles: a,
-    restProps: p
-  } = l(c), o = new Proxy(s || {}, m(t)), y = [e(o, "content.default", {}), i({
-    max: e(t, "breakpoints.md")
-  }, e(s, "content.md", {})), i({
-    min: e(t, "breakpoints.md"),
-    max: e(t, "breakpoints.xl")
-  }, e(s, "content.mdXl", {})), i({
-    min: e(t, "breakpoints.xl")
-  }, e(s, "content.xl", {})), a, r];
-  return /* @__PURE__ */ d("main", { css: y, ...p });
-}, $ = (n) => {
+    restProps: d
+  } = l(c), o = new Proxy(e || {}, y(t)), m = [s(o, "content.default", {}), S({
+    max: s(t, "breakpoints.md")
+  }, s(e, "content.md", {})), S({
+    min: s(t, "breakpoints.md"),
+    max: s(t, "breakpoints.xl")
+  }, s(e, "content.mdXl", {})), S({
+    min: s(t, "breakpoints.xl")
+  }, s(e, "content.xl", {})), a, n];
+  return /* @__PURE__ */ p("main", { css: m, ...d });
+}, I = (r) => {
   const {
     theme: {
-      chat: s,
+      chat: e,
       ...t
     } = {},
-    $open: r,
+    $open: n,
     ...c
-  } = n, {
+  } = r, {
     boxStyles: a,
-    restProps: p
-  } = l(c), o = new Proxy(s || {}, m(t)), y = r ? e(o, "toggleButton.open") : {}, S = e(o, "toggleButton.attrs", {
+    restProps: d
+  } = l(c), o = new Proxy(e || {}, y(t)), m = n ? s(o, "toggleButton.open") : {}, i = s(o, "toggleButton.attrs", {
     variant: u.Text
   }), h = {
-    ...e(o, "toggleButton.default"),
-    ...y,
+    ...s(o, "toggleButton.default"),
+    ...m,
     ...a
   };
-  return /* @__PURE__ */ d(x, { ...S, ...p, isIcon: !0, styles: h });
+  return /* @__PURE__ */ p(x, { ...i, ...d, isIcon: !0, styles: h });
 };
 export {
-  v as BodyStyled,
-  T as ContentStyled,
+  H as BodyStyled,
+  j as ContentStyled,
   k as MainHeaderStyled,
-  N as MainWrapperStyled,
-  M as SidebarHeaderStyled,
-  W as SidebarStyled,
-  $ as SidebarToggleButtonStyled,
-  H as SidebarWrapperStyled
+  B as MainWrapperStyled,
+  T as SidebarHeaderStyled,
+  W as SidebarMinifiedStyled,
+  v as SidebarStyled,
+  I as SidebarToggleButtonStyled,
+  M as SidebarWrapperStyled
 };

package/constants/index.d.ts

@@ -1,3 +1,2 @@
-export * from './positioning';
 export * from './timers';
 export * from './keyboard';

package/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './useAutoFocus';
 export * from './useMediaQuery';
 export * from './useKeyControls';
 export * from './useCarousel';
+export * from './useLogger';

package/hooks/useLogger/NoOpLogger.d.ts

@@ -0,0 +1,11 @@
+import { ILogger } from './useLogger.types';
+export declare class NoOpLogger implements ILogger {
+    debug(): void;
+    info(): void;
+    warn(): void;
+    error(): void;
+}
+/**
+ * Create a no-op logger
+ */
+export declare const noOpLogger: NoOpLogger;

package/hooks/useLogger/NoOpLogger.js

@@ -0,0 +1,15 @@
+class o {
+  debug() {
+  }
+  info() {
+  }
+  warn() {
+  }
+  error() {
+  }
+}
+const e = new o();
+export {
+  o as NoOpLogger,
+  e as noOpLogger
+};

package/hooks/useLogger/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useLogger';
+export * from './useLogger.types';

package/hooks/useLogger/useLogger.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { ILogger, LoggerProviderProps } from './useLogger.types';
+export declare const LoggerProvider: ({ logger, isEnabled, children }: PropsWithChildren<LoggerProviderProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const useLogger: () => ILogger;