@max-ts/components 0.2.4 → 0.3.1

package/lib/components/ActionGroup/SecondaryActions/SecondaryActions.mjs

@@ -0,0 +1,97 @@
+import { j as t } from "../../../_virtual/jsx-runtime.mjs";
+import { createElement as p } from "react";
+import "../../Accordion/Accordion.mjs";
+import { EllipsisVertical as e } from "lucide-react";
+import { IconDropdownButton as n } from "../../IconDropdownButton/IconDropdownButton.mjs";
+import "@mui/material";
+import "../../Tooltip/styles.mjs";
+import "../../ActionCell/styles.mjs";
+import "../MainActions/styles.mjs";
+import "../styles.mjs";
+import "../../Checkbox/Checkbox.mjs";
+import "../../Typography/styles.mjs";
+import "../../OverflowTypography/styles.mjs";
+import "react-use";
+import "../../Tag/Tag.mjs";
+import "../../FormHelperText/FormHelperTextContent/styles.mjs";
+import "../../Autocomplete/styles.mjs";
+import "../../Badge/styles.mjs";
+import "clsx";
+import "../../Button/styles.mjs";
+import "../../IconButton/styles.mjs";
+import "../../BottomDrawer/styles.mjs";
+import "../../CheckboxField/styles.mjs";
+import "../../Chevron/styles.mjs";
+import "../../ConfigProvider/ConfigProvider.mjs";
+import "../../ConfirmAction/styles.mjs";
+import "../../Dialog/styles.mjs";
+import "../../DialogActions/styles.mjs";
+import "../../DialogContent/styles.mjs";
+import "../../DialogContentText/styles.mjs";
+import "../../ConfirmDialog/styles.mjs";
+import "../../Container/styles.mjs";
+import "../../ErrorBoundary/ErrorBoundary.mjs";
+import "../../Placeholder/Image/Image.mjs";
+import "../../Placeholder/styles.mjs";
+import "../../ContentState/styles.mjs";
+import "../../CopyTypography/styles.mjs";
+import "../../DataGrid/Cell/styles.mjs";
+import "../../DataGrid/Row/styles.mjs";
+import "../../DataGrid/Body/styles.mjs";
+import "../../DataGrid/HeadCell/styles.mjs";
+import "../../DataGrid/Head/styles.mjs";
+import "../../DataGrid/Loader/styles.mjs";
+import "../../DataGrid/styles.mjs";
+import "remeda";
+import "../../DataGridActionCell/styles.mjs";
+import "../../TagsList/Tag/styles.mjs";
+import "../../TagsList/styles.mjs";
+import "../../Select/styles.mjs";
+import "../../DataGridPagination/styles.mjs";
+import "../../Description/Description.mjs";
+import "../../DescriptionList/styles.mjs";
+import "../../DescriptionTooltip/styles.mjs";
+import "../../DialogHeader/styles.mjs";
+import "../../MenuList/styles.mjs";
+import "../../Filename/Filename.mjs";
+import "../../FormControlLabel/styles.mjs";
+import "../../FormLabel/styles.mjs";
+import "../../Link/Link.mjs";
+import "../../ListItem/styles.mjs";
+import { ListItemButton as s } from "../../ListItemButton/ListItemButton.mjs";
+import "../../ListItemIcon/ListItemIcon.mjs";
+import { ListItemText as l } from "../../ListItemText/ListItemText.mjs";
+import "../../NavMenu/Item/ItemButton/styles.mjs";
+import "../../Radio/styles.mjs";
+import "../../RadioField/styles.mjs";
+import "../../RadioGroup/RadioGroupContext/RadioGroupContext.mjs";
+import "../../SearchField/SearchField.mjs";
+import "../../Skeleton/styles.mjs";
+import "../../Slider/styles.mjs";
+import "../../Switch/Switch.mjs";
+import "../../Tab/styles.mjs";
+import "../../Tabs/styles.mjs";
+import "../../TagBadge/styles.mjs";
+const a = "right", wt = ({
+  actions: r,
+  isDisabled: i
+}) => r.length ? /* @__PURE__ */ t.jsx(
+  n,
+  {
+    disabled: i,
+    icon: /* @__PURE__ */ t.jsx(e, {}),
+    variant: "light",
+    children: r.map(({ text: o, ...m }) => /* @__PURE__ */ p(
+      s,
+      {
+        tooltipPlacement: a,
+        ...m,
+        key: o
+      },
+      /* @__PURE__ */ t.jsx(l, { primary: o })
+    ))
+  }
+) : null;
+export {
+  wt as SecondaryActions
+};

package/lib/components/ActionGroup/SecondaryActions/index.d.ts

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

package/lib/components/ActionGroup/SecondaryVisibleActions/SecondaryVisibleActions.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../..';
+/** Модель второстепенного видимого экшена */
+export type SecondaryVisibleAction = Omit<ButtonProps<'button'>, 'children'> & {
+    /** Название действия */
+    name: string;
+    /** Иконка */
+    icon: ReactNode;
+    /** Текст тултипа заблокированной кнопки */
+    disableReason?: string;
+    /**
+     * Если true, блокирует взаимодействие с actions
+     */
+    isBlockingOperation?: boolean;
+};
+export type MainActionProps = {
+    actions: SecondaryVisibleAction[];
+};
+export declare const SecondaryVisibleActions: ({ actions }: MainActionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ActionGroup/SecondaryVisibleActions/SecondaryVisibleActions.mjs

@@ -0,0 +1,103 @@
+import { j as i } from "../../../_virtual/jsx-runtime.mjs";
+import "../../Accordion/Accordion.mjs";
+import "react";
+import "lucide-react";
+import "../../IconDropdownButton/IconDropdownButton.mjs";
+import "@mui/material";
+import { Tooltip as s } from "../../Tooltip/Tooltip.mjs";
+import "../../ActionCell/styles.mjs";
+import "../MainActions/styles.mjs";
+import "../styles.mjs";
+import "../../Checkbox/Checkbox.mjs";
+import "../../Typography/styles.mjs";
+import "../../OverflowTypography/styles.mjs";
+import "react-use";
+import "../../Tag/Tag.mjs";
+import "../../FormHelperText/FormHelperTextContent/styles.mjs";
+import "../../Autocomplete/styles.mjs";
+import "../../Badge/styles.mjs";
+import { IconButton as a } from "../../IconButton/IconButton.mjs";
+import "../../BottomDrawer/styles.mjs";
+import "clsx";
+import "../../Button/styles.mjs";
+import "../../CheckboxField/styles.mjs";
+import "../../Chevron/styles.mjs";
+import "../../ConfigProvider/ConfigProvider.mjs";
+import "../../ConfirmAction/styles.mjs";
+import "../../Dialog/styles.mjs";
+import "../../DialogActions/styles.mjs";
+import "../../DialogContent/styles.mjs";
+import "../../DialogContentText/styles.mjs";
+import "../../ConfirmDialog/styles.mjs";
+import "../../Container/styles.mjs";
+import "../../ErrorBoundary/ErrorBoundary.mjs";
+import "../../Placeholder/Image/Image.mjs";
+import "../../Placeholder/styles.mjs";
+import "../../ContentState/styles.mjs";
+import "../../CopyTypography/styles.mjs";
+import "../../DataGrid/Cell/styles.mjs";
+import "../../DataGrid/Row/styles.mjs";
+import "../../DataGrid/Body/styles.mjs";
+import "../../DataGrid/HeadCell/styles.mjs";
+import "../../DataGrid/Head/styles.mjs";
+import "../../DataGrid/Loader/styles.mjs";
+import "../../DataGrid/styles.mjs";
+import "remeda";
+import "../../DataGridActionCell/styles.mjs";
+import "../../TagsList/Tag/styles.mjs";
+import "../../TagsList/styles.mjs";
+import "../../Select/styles.mjs";
+import "../../DataGridPagination/styles.mjs";
+import "../../Description/Description.mjs";
+import "../../DescriptionList/styles.mjs";
+import "../../DescriptionTooltip/styles.mjs";
+import "../../DialogHeader/styles.mjs";
+import "../../MenuList/styles.mjs";
+import "../../Filename/Filename.mjs";
+import "../../FormControlLabel/styles.mjs";
+import "../../FormLabel/styles.mjs";
+import "../../Link/Link.mjs";
+import "../../ListItem/styles.mjs";
+import "../../ListItemIcon/ListItemIcon.mjs";
+import "../../NavMenu/Item/ItemButton/styles.mjs";
+import "../../Radio/styles.mjs";
+import "../../RadioField/styles.mjs";
+import "../../RadioGroup/RadioGroupContext/RadioGroupContext.mjs";
+import "../../SearchField/SearchField.mjs";
+import "../../Skeleton/styles.mjs";
+import "../../Slider/styles.mjs";
+import "../../Switch/Switch.mjs";
+import "../../Tab/styles.mjs";
+import "../../Tabs/styles.mjs";
+import "../../TagBadge/styles.mjs";
+const Fi = ({ actions: r }) => /* @__PURE__ */ i.jsx(i.Fragment, { children: r.map((m) => {
+  const {
+    name: o,
+    icon: p,
+    disableReason: n,
+    disabled: t,
+    isBlockingOperation: c,
+    ...e
+  } = m;
+  return /* @__PURE__ */ i.jsx(
+    s,
+    {
+      title: t ? n : o,
+      withoutContainer: !t,
+      children: /* @__PURE__ */ i.jsx(
+        a,
+        {
+          variant: "light",
+          name: o,
+          disabled: t,
+          ...e,
+          children: p
+        }
+      )
+    },
+    o
+  );
+}) });
+export {
+  Fi as SecondaryVisibleActions
+};

package/lib/components/ActionGroup/SecondaryVisibleActions/index.d.ts

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

package/lib/components/ActionGroup/SecondaryVisibleActions/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const StyledButton: import('@emotion/styled').StyledComponent<Omit<import('../../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('../../Button').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('../../Button').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/lib/components/ActionGroup/index.d.ts

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

package/lib/components/ActionGroup/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/ActionGroup/styles.mjs

@@ -0,0 +1,17 @@
+import { styled as r } from "@mui/material";
+import "remeda";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+const f = r("div")`
+  display: flex;
+  gap: ${({ theme: p }) => p.spacing(1)};
+`;
+export {
+  f as Wrapper
+};

package/lib/components/ActionGroup/useLogic/index.d.ts

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

package/lib/components/ActionGroup/useLogic/useLogic.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { ActionGroupProps } from '../ActionGroup';
+type UseLogicParams<TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType> = ActionGroupProps<TMainActionComponent, TSecondaryActionComponent>;
+export declare const useLogic: <TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType>({ main, secondary, }: UseLogicParams<TMainActionComponent, TSecondaryActionComponent>) => {
+    disabledAction: boolean;
+};
+export {};

package/lib/components/ActionGroup/useLogic/useLogic.mjs

@@ -0,0 +1,9 @@
+const d = ({
+  main: i,
+  secondary: n
+}) => ({ disabledAction: !![...i || [], ...n || []].find(
+  (o) => o.isBlockingOperation && o.loading
+) });
+export {
+  d as useLogic
+};

package/lib/components/Autocomplete/styles.mjs

@@ -1,6 +1,15 @@
-import { styled as e } from "@mui/material";
-import { MenuItem as m } from "../MenuItem/MenuItem.mjs";
-const i = e(m)`
+import { styled as m } from "@mui/material";
+import "remeda";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+import { MenuItem as o } from "../MenuItem/MenuItem.mjs";
+const x = m(o)`
   max-height: ${({ theme: t }) => t.spacing(13)};
 
   ${({ theme: t }) => t.breakpoints.down("sm")} {
@@ -8,5 +17,5 @@ const i = e(m)`
   }
 `;
 export {
-  i as StyledMenuItem
+  x as StyledMenuItem
 };

package/lib/components/Badge/styles.d.ts

@@ -4,5 +4,5 @@ type StyledBadgeProps = {
     $withBorder?: boolean;
     $variantColor: BadgeVariantsColor;
 };
-export declare const StyledBadge: import('@emotion/styled').StyledComponent<import('@mui/material').BadgeOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "className" | "color" | "max" | "style" | "children" | "classes" | "variant" | "components" | "componentsProps" | "slots" | "slotProps" | "invisible" | "anchorOrigin" | "badgeContent" | "overlap" | "showZero"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & StyledBadgeProps, {}, {}>;
+export declare const StyledBadge: import('@emotion/styled').StyledComponent<import('@mui/material').BadgeOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "components" | "color" | "classes" | "className" | "style" | "children" | "variant" | "componentsProps" | "slots" | "slotProps" | "anchorOrigin" | "max" | "invisible" | "badgeContent" | "overlap" | "showZero"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & StyledBadgeProps, {}, {}>;
 export {};

package/lib/components/BottomDrawer/styles.d.ts

@@ -3,9 +3,9 @@ export declare const StyledDrawer: import('@emotion/styled').StyledComponent<Dra
 export declare const Header: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     drawerHeaderHeight: number;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "className" | "color" | "height" | "style" | "width" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "children" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
+export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "sx" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "className" | "style" | "children" | "variant" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -14,7 +14,7 @@ export declare const HeaderTitle: import('@emotion/styled').StyledComponent<impo
     color?: import('../Typography').TypographyColor;
     variant?: import('../Typography').TypographyVariant;
     colorIntensity?: import('../Typography').Intensity;
-    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "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" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "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" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "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" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement>, {}, {}>;
 export declare const Body: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumbs, type BreadcrumbsProps } from '@mui/material';

package/lib/components/Button/Button.mjs

@@ -1,34 +1,34 @@
 import { j as t } from "../../_virtual/jsx-runtime.mjs";
 import { clsx as d } from "clsx";
 import { LOADING_BUTTON_CLASSNAME as c } from "./constants.mjs";
-import { ButtonVariants as u, ButtonColors as p } from "./enums.mjs";
+import { ButtonVariants as p, ButtonColors as u } from "./enums.mjs";
 import { StyledButton as f, StyledCircularProgress as g } from "./styles.mjs";
 import { useLogic as x } from "./useLogic/useLogic.mjs";
-const I = (r) => {
-  const { loadingIndicatorColor: i } = x(r), {
-    variant: s = u.Contained,
-    color: n = p.Primary,
+const I = (i) => {
+  const {
+    variant: r = p.Contained,
+    color: s = u.Primary,
     loading: o,
     loadingIndicator: B,
     loadingPosition: C,
-    disabled: a,
-    children: l,
-    className: m,
-    ...e
-  } = r;
+    disabled: n,
+    children: a,
+    className: l,
+    ...m
+  } = i, { loadingIndicatorColor: e } = x({ variant: r });
   return /* @__PURE__ */ t.jsxs(
     f,
     {
-      variant: s,
-      color: n,
-      disabled: o || a,
-      ...e,
-      className: d(m, {
+      variant: r,
+      color: s,
+      disabled: o || n,
+      ...m,
+      className: d(l, {
         [c]: o
       }),
       children: [
-        o && /* @__PURE__ */ t.jsx(g, { color: i, size: "small" }),
-        l
+        o && /* @__PURE__ */ t.jsx(g, { color: e, size: "small" }),
+        a
       ]
     }
   );

package/lib/components/Button/constants.d.ts

@@ -1 +1 @@
-export declare const LOADING_BUTTON_CLASSNAME = "astral-button-loading";
+export declare const LOADING_BUTTON_CLASSNAME = "button-loading";

package/lib/components/Button/constants.mjs

@@ -1,4 +1,4 @@
-const t = "astral-button-loading";
+const o = "button-loading";
 export {
-  t as LOADING_BUTTON_CLASSNAME
+  o as LOADING_BUTTON_CLASSNAME
 };

package/lib/components/Button/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "sx" | "className" | "color" | "style" | "tabIndex" | "href" | "children" | "size" | "classes" | "action" | "disabled" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loading" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const StyledButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "sx" | "action" | "disabled" | "color" | "classes" | "className" | "style" | "children" | "variant" | "tabIndex" | "fullWidth" | "loading" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const StyledCircularProgress: import('@emotion/styled').StyledComponent<import('../types').WithoutEmotionSpecific<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').CircularProgressProps>, "color" | "size">> & {
     color?: "primary" | "inverted";
     size?: "small" | "medium";

package/lib/components/ButtonBase/ButtonBase.d.ts

@@ -0,0 +1 @@
+export { ButtonBase, type ButtonBaseProps } from '@mui/material';

package/lib/components/ButtonBase/index.d.ts

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

package/lib/components/ButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export { ButtonGroup, type ButtonGroupProps, buttonClasses, } from '@mui/material';

package/lib/components/Card/index.d.ts

@@ -0,0 +1 @@
+export { Card, type CardProps, cardClasses } from '@mui/material';

package/lib/components/CardActions/index.d.ts

@@ -0,0 +1 @@
+export { CardActions, type CardActionsProps, cardActionsClasses, } from '@mui/material';

package/lib/components/CardContent/index.d.ts

@@ -0,0 +1 @@
+export { CardContent, type CardContentProps, cardContentClasses, } from '@mui/material';

package/lib/components/CardHeader/index.d.ts

@@ -0,0 +1 @@
+export { CardHeader, type CardHeaderProps, cardHeaderClasses, } from '@mui/material';

package/lib/components/CheckboxField/styles.mjs

@@ -1,12 +1,21 @@
 import { styled as o } from "@mui/material";
+import "remeda";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
 import { Checkbox as t } from "../Checkbox/Checkbox.mjs";
 import { FormControlLabel as r } from "../FormControlLabel/FormControlLabel.mjs";
-const p = o(r)`
+const f = o(r)`
   align-items: flex-start;
-`, d = o(t)`
+`, C = o(t)`
   padding-top: 3px;
 `;
 export {
-  d as StyledCheckbox,
-  p as StyledFormControlledLabel
+  C as StyledCheckbox,
+  f as StyledFormControlledLabel
 };

package/lib/components/Chevron/styles.mjs

@@ -1,6 +1,15 @@
-import { styled as o } from "@mui/material";
-import { ChevronDown as t } from "lucide-react";
-const s = o(t, {
+import { ChevronDown as o } from "lucide-react";
+import { styled as t } from "@mui/material";
+import "remeda";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+const g = t(o, {
   shouldForwardProp: (r) => r !== "isActive"
 })`
   transform: rotateZ(${({ isActive: r }) => r ? 180 : 0}deg);
@@ -12,5 +21,5 @@ const s = o(t, {
 })};
 `;
 export {
-  s as ChevronIcon
+  g as ChevronIcon
 };

package/lib/components/ConfirmAction/styles.d.ts

@@ -1,7 +1,7 @@
 export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledTypography: import('@emotion/styled').StyledComponent<{
-    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     children?: import('react').ReactNode;
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
     align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
     gutterBottom?: boolean | undefined;
     noWrap?: boolean | undefined;
@@ -10,7 +10,7 @@ export declare const StyledTypography: import('@emotion/styled').StyledComponent
     color?: import('../Typography').TypographyColor;
     variant?: import('../Typography').TypographyVariant;
     colorIntensity?: import('../Typography').Intensity;
-    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "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" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "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" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    component?: "symbol" | "object" | "text" | "main" | "clipPath" | "filter" | "mask" | "marker" | "style" | "div" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "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" | "keygen" | "label" | "legend" | "li" | "link" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "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" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any>;
     isUpperCase?: boolean;
 } & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export declare const Actions: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/ConfirmAction/styles.mjs

@@ -1,17 +1,26 @@
 import { styled as t } from "@mui/material";
+import "remeda";
+import "../../_virtual/jsx-runtime.mjs";
+import "clsx";
+import "../Button/styles.mjs";
+import "react";
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
 import { Typography as o } from "../Typography/Typography.mjs";
-const a = t("div")`
+const f = t("div")`
   max-width: 380px;
   padding: ${({ theme: p }) => p.spacing(4)};
-`, r = t(o)`
+`, l = t(o)`
   margin-bottom: ${({ theme: p }) => p.spacing(3)};
-`, s = t("div")`
+`, x = t("div")`
   display: flex;
   gap: ${({ theme: p }) => p.spacing(3)};
   justify-content: end;
 `;
 export {
-  s as Actions,
-  r as StyledTypography,
-  a as Wrapper
+  x as Actions,
+  l as StyledTypography,
+  f as Wrapper
 };

package/lib/components/ConfirmDialog/styles.mjs

@@ -1,10 +1,15 @@
 import { styled as t } from "@mui/material";
+import "remeda";
 import { Button as r } from "../Button/Button.mjs";
-const m = t(r)`
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+/* empty css                                                                                         */
+const a = t(r)`
   ${({ theme: o }) => o.breakpoints.down("sm")} {
     order: 1;
   }
 `;
 export {
-  m as CancelButton
+  a as CancelButton
 };