@astral/ui 4.17.5 → 4.17.6

package/node/components/DashboardLayout/Sidebar/SidebarCounter/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SidebarCounter"), exports);

package/node/components/DashboardLayout/Sidebar/SidebarCounter/styles.d.ts

@@ -1,9 +0,0 @@
-export declare const StyledCounter: import("@emotion/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").BadgeProps>, "color" | "content" | "children" | "variant" | "invisible" | "anchorOrigin" | "overlap" | "badgeContent" | "withBorder"> & {
-    color: import("../../../Counter/types").CounterColor;
-    variant?: import("../../../Counter/types").CounterVariants | undefined;
-    content?: number | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    $collapsedIn: boolean;
-}, {}, {}>;

package/node/components/DashboardLayout/Sidebar/SidebarCounter/styles.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledCounter = void 0;
-const Counter_1 = require("../../../Counter");
-const styles_1 = require("../../../styles");
-exports.StyledCounter = (0, styles_1.styled)(Counter_1.Counter, {
-    shouldForwardProp: (prop) => !['$collapsedIn'].includes(prop),
-}) `
-  transform: ${({ $collapsedIn }) => ($collapsedIn ? 'scale(1)' : 'scale(0)')};
-
-  transition: ${({ theme }) => theme.transitions.create(['transform'], {
-    duration: theme.transitions.duration.standard,
-})};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    margin-left: auto;
-  }
-`;

package/node/components/DashboardLayout/Sidebar/SidebarPopover/FadePopup/styles.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const PopupContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isOpen?: boolean | undefined;
-    $topPosition?: number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/DashboardLayout/Sidebar/SidebarPopover/FadePopup/styles.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopupContainer = void 0;
-const styles_1 = require("../../../../styles");
-const mixins_1 = require("../../../../styles/mixins");
-exports.PopupContainer = styles_1.styled.div `
-  position: absolute;
-  top: ${({ $topPosition }) => ($topPosition ? `${$topPosition}px` : '16px')};
-  left: ${({ theme }) => `calc(100% - ${theme.spacing(1)})`};
-
-  overflow: hidden;
-
-  padding: ${({ theme }) => theme.spacing(1, 0)};
-
-  background-color: ${({ theme }) => theme.palette.background.default};
-  border-radius: ${({ theme }) => theme.shape.medium};
-  box-shadow: ${({ theme }) => theme.elevation[200]};
-
-  ${({ $isOpen }) => (0, mixins_1.fadeDropDownTransition)($isOpen)}
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;

package/node/components/DashboardLayout/Sidebar/SidebarPopover/FadePopup/useLogic/useLogic.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = void 0;
-const react_1 = require("react");
-const DashboardSidebarProvider_1 = require("../../../../../DashboardSidebarProvider");
-const hooks_1 = require("../../../../../hooks");
-const useLogic = ({ isOpen }) => {
-    const { popoverAnchorRef } = (0, react_1.useContext)(DashboardSidebarProvider_1.SidebarContext);
-    const topPosition = popoverAnchorRef.current?.offsetTop;
-    const { shouldRender, handleAnimationEnd } = (0, hooks_1.usePopoverAnimation)(isOpen);
-    return { handleAnimationEnd, shouldRender, topPosition };
-};
-exports.useLogic = useLogic;

package/node/components/DashboardLayout/Sidebar/SidebarPopover/SidebarPopover.d.ts

@@ -1,15 +0,0 @@
-import { type ReactNode } from 'react';
-export type SidebarPopoverProps = {
-    /**
-     * Заголовок списка
-     */
-    title: string;
-    /**
-     * Элементы SidebarPopover.Item
-     */
-    children: ReactNode;
-};
-export declare const SidebarPopover: {
-    ({ title, children }: SidebarPopoverProps): JSX.Element;
-    Item: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
-};

package/node/components/DashboardLayout/Sidebar/SidebarPopover/SidebarPopover.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarPopover = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FadePopup_1 = require("./FadePopup");
-const SidebarPopoverItem_1 = require("./SidebarPopoverItem");
-const styles_1 = require("./styles");
-const useLogic_1 = require("./useLogic");
-const SidebarPopover = ({ title, children }) => {
-    const { handleClosePopover, isPopupOpen } = (0, useLogic_1.useLogic)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(FadePopup_1.FadePopup, { isOpen: isPopupOpen, children: [(0, jsx_runtime_1.jsx)(styles_1.Title, { component: "h4", color: "textSecondary", variant: "subtitle2", children: title }), (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: children })] }), (0, jsx_runtime_1.jsx)(styles_1.StyledBottomDrawer, { title: title, open: isPopupOpen, onClose: handleClosePopover, children: (0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: children }) })] }));
-};
-exports.SidebarPopover = SidebarPopover;
-exports.SidebarPopover.Item = SidebarPopoverItem_1.SidebarPopoverItem;

package/node/components/DashboardLayout/Sidebar/SidebarPopover/SidebarPopoverItem/SidebarPopoverItem.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarPopoverItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Tooltip_1 = require("../../../../Tooltip");
-const Typography_1 = require("../../../../Typography");
-const constants_1 = require("./constants");
-const styles_1 = require("./styles");
-const useLogic_1 = require("./useLogic");
-exports.SidebarPopoverItem = (0, react_1.forwardRef)(({ icon, title, description, component, isDisabled, disabledReason, onClick, ...props }, ref) => {
-    const Component = component ?? 'div';
-    const { handleItemClick } = (0, useLogic_1.useLogic)({ onClick });
-    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { withoutContainer: !isDisabled, title: isDisabled && disabledReason, placement: "bottom", children: (0, jsx_runtime_1.jsx)(styles_1.Item, { onClick: handleItemClick, inert: isDisabled ? '' : undefined, "$isDisabled": isDisabled, children: (0, jsx_runtime_1.jsx)(Component, { ref: ref, ...props, className: constants_1.sidebarPopoverItemClassnames.content, children: (0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$hasDescription": Boolean(description), children: [icon && (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { children: icon }), (0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "subtitle1", children: title }), description && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { color: "textSecondary", variant: "body1", children: description }))] })] }) }) }) }) }));
-});

package/node/components/DashboardLayout/Sidebar/SidebarPopover/SidebarPopoverItem/constants.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.sidebarPopoverItemClassnames = void 0;
-const utils_1 = require("../../../../utils");
-exports.sidebarPopoverItemClassnames = {
-    content: (0, utils_1.createUIKitClassname)('sidebar-popover-item__content'),
-};

package/node/components/DashboardLayout/Sidebar/SidebarPopover/SidebarPopoverItem/styles.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare const Item: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $hasDescription?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/node/components/DashboardLayout/Sidebar/SidebarPopover/SidebarPopoverItem/styles.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemWrapper = exports.IconWrapper = exports.Wrapper = exports.Item = void 0;
-const styles_1 = require("../../../../styles");
-const constants_1 = require("./constants");
-exports.Item = styles_1.styled.div `
-  pointer-events: ${({ $isDisabled }) => ($isDisabled ? 'none' : 'auto')};
-
-  opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};
-  background-color: ${({ theme }) => theme.palette.background.default};
-  mix-blend-mode: ${({ $isDisabled }) => $isDisabled ? 'luminosity' : 'normal'};
-
-  transition: ${({ theme }) => {
-    return theme.transitions.create(['background-color'], {
-        duration: theme.transitions.duration.short,
-    });
-}};
-
-  &:hover {
-    background-color: ${({ theme }) => theme.palette.background.elementHover};
-  }
-
-  &:active {
-    background-color: ${({ theme }) => theme.palette.primary[100]};
-  }
-
-  &:has(.${constants_1.sidebarPopoverItemClassnames.content}:focus-visible) {
-    border-radius: ${({ theme }) => theme.shape.small};
-    outline: 2px solid ${({ theme }) => theme.palette.components.focused};
-    outline-offset: -2px;
-  }
-
-  a {
-    all: unset;
-  }
-`;
-exports.Wrapper = styles_1.styled.div `
-  cursor: pointer;
-
-  display: flex;
-  gap: ${({ theme }) => theme.spacing(2)};
-  align-items: ${({ $hasDescription }) => $hasDescription ? 'normal' : 'center'};
-
-  padding: ${({ theme }) => theme.spacing(3, 4)};
-`;
-exports.IconWrapper = styles_1.styled.div `
-  height: 32px;
-  padding: ${({ theme }) => theme.microSpacing(1, 0)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;
-exports.ItemWrapper = styles_1.styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${({ theme }) => theme.spacing(1)};
-`;

package/node/components/DashboardLayout/Sidebar/SidebarPopover/SidebarPopoverItem/useLogic/useLogic.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = void 0;
-const react_1 = require("react");
-const DashboardSidebarProvider_1 = require("../../../../../DashboardSidebarProvider");
-const useLogic = ({ onClick }) => {
-    const { setIsPopupOpen, isPinned, onToggleSidebar } = (0, react_1.useContext)(DashboardSidebarProvider_1.SidebarContext);
-    const handleItemClick = () => {
-        onClick?.();
-        setIsPopupOpen(false);
-        if (!isPinned) {
-            onToggleSidebar(false);
-        }
-    };
-    return { handleItemClick };
-};
-exports.useLogic = useLogic;

package/node/components/DashboardLayout/Sidebar/SidebarPopover/index.d.ts

@@ -1,2 +0,0 @@
-export * from './SidebarPopover';
-export * from './SidebarPopoverItem';

package/node/components/DashboardLayout/Sidebar/SidebarPopover/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SidebarPopover"), exports);
-__exportStar(require("./SidebarPopoverItem"), exports);

package/node/components/DashboardLayout/Sidebar/SidebarPopover/styles.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const Title: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
-    color?: import("../../../Typography").TypographyColor | undefined;
-    variant?: import("../../../Typography").TypographyVariant | undefined;
-    colorIntensity?: import("../../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
-    isUpperCase?: boolean | undefined;
-} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const StyledBottomDrawer: import("@emotion/styled").StyledComponent<{
-    title?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
-    drawerHeaderHeight?: number | undefined;
-} & import("../../..").WithoutEmotionSpecific<Omit<import("@mui/material").DrawerProps, "title" | "anchor" | "variant">> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/node/components/DashboardLayout/Sidebar/SidebarPopover/styles.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledBottomDrawer = exports.Title = exports.Wrapper = void 0;
-const BottomDrawer_1 = require("../../../BottomDrawer");
-const styles_1 = require("../../../styles");
-const Typography_1 = require("../../../Typography");
-const constants_1 = require("./constants");
-exports.Wrapper = styles_1.styled.ul `
-  display: flex;
-  flex-direction: column;
-
-  width: ${constants_1.LIST_WIDTH};
-  margin: 0;
-  padding: ${({ theme }) => theme.spacing(0)};
-
-  list-style-type: none;
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    width: unset;
-  }
-`;
-exports.Title = (0, styles_1.styled)(Typography_1.Typography) `
-  padding: ${({ theme }) => theme.spacing(2, 4)};
-`;
-exports.StyledBottomDrawer = (0, styles_1.styled)(BottomDrawer_1.BottomDrawer) `
-  ${({ theme }) => theme.breakpoints.up('sm')} {
-    display: none;
-  }
-`;

package/node/components/DashboardLayout/Sidebar/SidebarPopover/useLogic/useLogic.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = void 0;
-const react_1 = require("react");
-const DashboardSidebarProvider_1 = require("../../../../DashboardSidebarProvider");
-const useLogic = () => {
-    const { setIsPopupOpen, isPopupOpen } = (0, react_1.useContext)(DashboardSidebarProvider_1.SidebarContext);
-    const handleClosePopover = () => {
-        setIsPopupOpen(false);
-    };
-    return { handleClosePopover, isPopupOpen };
-};
-exports.useLogic = useLogic;

package/node/components/DashboardLayout/Sidebar/SidebarSkeleton/SidebarSkeleton.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SidebarSkeleton: () => JSX.Element;

package/node/components/DashboardLayout/Sidebar/SidebarSkeleton/SidebarSkeleton.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarSkeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Skeleton_1 = require("../../../Skeleton");
-const utils_1 = require("../../../utils");
-const constants_1 = require("../constants");
-const styles_1 = require("./styles");
-const useLogic_1 = require("./useLogic");
-const SidebarSkeleton = () => {
-    const { isPinned } = (0, useLogic_1.useLogic)();
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isPinned": isPinned, className: (0, utils_1.classNames)(constants_1.dashboardLayoutSidebarClassnames.root), children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { shapeSize: isPinned ? 'medium' : 'small', height: 40, variant: "rounded" }), (0, jsx_runtime_1.jsxs)(styles_1.ListWrapper, { "$isPinned": isPinned, children: [(0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { height: 20, width: 20, variant: "rounded", shapeSize: "small" }), (0, jsx_runtime_1.jsx)(styles_1.SkeletonDescription, { height: 14, width: 174, variant: "rounded", "$isPinned": isPinned })] }), (0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { height: 20, width: 20, variant: "rounded", shapeSize: "small" }), (0, jsx_runtime_1.jsx)(styles_1.SkeletonDescription, { height: 14, width: 174, variant: "rounded", "$isPinned": isPinned })] }), (0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { height: 20, width: 20, variant: "rounded", shapeSize: "small" }), (0, jsx_runtime_1.jsx)(styles_1.SkeletonDescription, { height: 14, width: 174, variant: "rounded", "$isPinned": isPinned })] }), isPinned && ((0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { height: 20, width: 20, variant: "rounded", shapeSize: "small" }), (0, jsx_runtime_1.jsx)(styles_1.SkeletonDescription, { height: 14, width: 174, variant: "rounded", "$isPinned": isPinned })] }))] })] }));
-};
-exports.SidebarSkeleton = SidebarSkeleton;

package/node/components/DashboardLayout/Sidebar/SidebarSkeleton/index.d.ts

@@ -1 +0,0 @@
-export * from './SidebarSkeleton';

package/node/components/DashboardLayout/Sidebar/SidebarSkeleton/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SidebarSkeleton"), exports);

package/node/components/DashboardLayout/Sidebar/SidebarSkeleton/styles.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isPinned: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isPinned: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ItemWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SkeletonDescription: import("@emotion/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").SkeletonProps<import("react").ElementType, unknown>>, "animation" | "variant"> & {
-    component?: import("react").ElementType | undefined;
-    variant?: "text" | "rounded" | "circular" | undefined;
-    shapeSize?: "small" | "medium" | "large" | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    $isPinned: boolean;
-}, {}, {}>;

package/node/components/DashboardLayout/Sidebar/SidebarSkeleton/styles.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SkeletonDescription = exports.ItemWrapper = exports.ListWrapper = exports.Wrapper = void 0;
-const Skeleton_1 = require("../../../Skeleton");
-const styles_1 = require("../../../styles");
-exports.Wrapper = (0, styles_1.styled)('div', {
-    shouldForwardProp: (prop) => !['$isPinned'].includes(prop),
-}) `
-  position: relative;
-
-  grid-column: 1;
-  grid-row: 2 / -1;
-
-  width: ${({ $isPinned }) => ($isPinned ? '242px' : '58px')};
-  padding: ${({ theme, $isPinned }) => $isPinned ? theme.spacing(4, 3) : theme.spacing(4, 2)};
-
-  background-color: ${({ theme }) => theme.palette.background.default};
-  border: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-radius: ${({ theme }) => theme.shape.medium};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;
-exports.ListWrapper = (0, styles_1.styled)('div', {
-    shouldForwardProp: (prop) => !['$isPinned'].includes(prop),
-}) `
-  display: flex;
-  flex-direction: column;
-  gap: ${({ theme }) => theme.spacing(4)};
-
-  padding: ${({ theme, $isPinned }) => $isPinned ? theme.microSpacing(12, 3) : theme.microSpacing(12, 5)};
-`;
-exports.ItemWrapper = styles_1.styled.div `
-  display: flex;
-  gap: ${({ theme }) => theme.spacing(3)};
-  align-items: center;
-`;
-exports.SkeletonDescription = (0, styles_1.styled)(Skeleton_1.Skeleton, {
-    shouldForwardProp: (prop) => !['$isPinned'].includes(prop),
-}) `
-  display: ${({ $isPinned }) => ($isPinned ? 'unset' : 'none')};
-`;

package/node/components/DashboardLayout/Sidebar/SidebarSkeleton/useLogic/useLogic.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = void 0;
-const react_1 = require("react");
-const DashboardSidebarProvider_1 = require("../../../../DashboardSidebarProvider");
-const hooks_1 = require("../../../../hooks");
-const useLogic = () => {
-    // Достается напрямую, т.к. нет гарантий, что скелетон будет обернут в контекст
-    const [storageState = true] = (0, hooks_1.useLocalStorage)(DashboardSidebarProvider_1.LOCAL_STORAGE_KEY, true);
-    const [isPinned, setPinned] = (0, react_1.useState)(true);
-    (0, react_1.useEffect)(() => {
-        setPinned(storageState);
-    }, []);
-    return { isPinned };
-};
-exports.useLogic = useLogic;

package/node/components/DashboardLayout/Sidebar/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const dashboardLayoutSidebarClassnames: {
-    root: string;
-};

package/node/components/DashboardLayout/Sidebar/constants.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dashboardLayoutSidebarClassnames = void 0;
-const utils_1 = require("../../utils");
-exports.dashboardLayoutSidebarClassnames = {
-    root: (0, utils_1.createUIKitClassname)('dashboard-layout-sidebar'),
-};

package/node/components/DashboardLayout/Sidebar/index.d.ts

@@ -1,8 +0,0 @@
-export * from './constants';
-export * from './types';
-export * from './Sidebar';
-export * from './SidebarButton';
-export * from './SidebarCounter';
-export * from './SidebarPopover';
-export * from './MenuSidebarButton';
-export { SidebarSkeleton } from './SidebarSkeleton';

package/node/components/DashboardLayout/Sidebar/index.js

@@ -1,26 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarSkeleton = void 0;
-__exportStar(require("./constants"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./Sidebar"), exports);
-__exportStar(require("./SidebarButton"), exports);
-__exportStar(require("./SidebarCounter"), exports);
-__exportStar(require("./SidebarPopover"), exports);
-__exportStar(require("./MenuSidebarButton"), exports);
-var SidebarSkeleton_1 = require("./SidebarSkeleton");
-Object.defineProperty(exports, "SidebarSkeleton", { enumerable: true, get: function () { return SidebarSkeleton_1.SidebarSkeleton; } });

package/node/components/DashboardLayout/Sidebar/styles.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isPinned: boolean;
-    $alertHeight: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledPaper: import("@emotion/styled").StyledComponent<Omit<import("../../Paper").PaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const SidebarRoot: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isPinned: boolean;
-    $collapsedIn: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const SidebarHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const SidebarContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $collapsedIn: boolean;
-    $isPinned: boolean;
-    $hasHeader: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Footer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;