@mage-ui/components 1.0.44 → 1.0.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.d.mts +0 -2
- package/dist/index.d.mts +1 -2
- package/dist/index.mjs +1 -1
- package/package.json +3 -3
- package/dist/components/layouts/index.d.mts +0 -1
- package/dist/components/layouts/top-bar/TopBar.d.mts +0 -23
- package/dist/components/layouts/top-bar/TopBar.d.mts.map +0 -1
- package/dist/components/layouts/top-bar/TopBar.mjs +0 -2
- package/dist/components/layouts/top-bar/TopBar.mjs.map +0 -1
|
@@ -51,8 +51,6 @@ import { Form, FormProps } from "./forms/Form.mjs";
|
|
|
51
51
|
import { PASSWORD_RULES } from "./forms/rules/password-rules.mjs";
|
|
52
52
|
import { z } from "./forms/rules/zod.mjs";
|
|
53
53
|
import "./forms/index.mjs";
|
|
54
|
-
import { TopBar, TopBarProps } from "./layouts/top-bar/TopBar.mjs";
|
|
55
|
-
import "./layouts/index.mjs";
|
|
56
54
|
import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
|
|
57
55
|
import { ScrollArea, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
|
|
58
56
|
import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
|
package/dist/index.d.mts
CHANGED
|
@@ -47,7 +47,6 @@ import { ClearButton, ClearButtonProps } from "./components/controls/utils/clear
|
|
|
47
47
|
import { Form, FormProps } from "./components/forms/Form.mjs";
|
|
48
48
|
import { PASSWORD_RULES } from "./components/forms/rules/password-rules.mjs";
|
|
49
49
|
import { z } from "./components/forms/rules/zod.mjs";
|
|
50
|
-
import { TopBar, TopBarProps } from "./components/layouts/top-bar/TopBar.mjs";
|
|
51
50
|
import { HorizontalDivider, HorizontalDividerProps } from "./components/misc/horizontal-divider/HorizontalDivider.mjs";
|
|
52
51
|
import { ScrollArea, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
|
|
53
52
|
import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
|
|
@@ -69,4 +68,4 @@ import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs
|
|
|
69
68
|
import "./components/index.mjs";
|
|
70
69
|
import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
|
|
71
70
|
import "./providers/index.mjs";
|
|
72
|
-
export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, Form, FormProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalAlert, ModalAlertClassNames, ModalAlertPublicProps, ModalComponent, ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps, ModalInternalProps, ModalProps, ModalRootProps, ModalsProvider, ModalsProviderProps, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Tooltip, TooltipProps,
|
|
71
|
+
export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, Form, FormProps, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalAlert, ModalAlertClassNames, ModalAlertPublicProps, ModalComponent, ModalConfirm, ModalConfirmClassNames, ModalConfirmPublicProps, ModalInternalProps, ModalProps, ModalRootProps, ModalsProvider, ModalsProviderProps, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, VisuallyHidden, VisuallyHiddenProps, alert, alertById, confirm, confirmById, createModal, momentLocalizer, openModalById, registerModal, usePasswordRules, z };
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as v}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as y}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as b}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as x}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as S}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as C}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as w}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as T}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as E}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as D}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as O}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as k}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as A}from"./components/navigations/menu/Menu.mjs";import{TextInput as j}from"./components/controls/text-input/TextInput.mjs";import{Chevron as M}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as N}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as P}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as F}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as I}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as L}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as R}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as z}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as B}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as V}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as H}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as U}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as W}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as G}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as K}from"./components/controls/password-input/usePasswordRules.mjs";import{PasswordInputStrength as q}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Select as Y}from"./components/controls/select/Select.mjs";import{Textarea as X}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as Z}from"./components/forms/rules/password-rules.mjs";import{z as Q}from"./components/forms/rules/zod.mjs";import{Form as $}from"./components/forms/Form.mjs";import{
|
|
1
|
+
import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{IconRaw as l}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as u}from"./components/data-display/icons/icon/Icon.mjs";import{IconSvg as d}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{IconWrapped as f}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Indicator as p}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as m}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as h}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as g}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as _}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as v}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as y}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as b}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as x}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as S}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as C}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{HorizontalDivider as w}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollArea as T}from"./components/misc/scroll-area/ScrollArea.mjs";import{ScrollAreaAutosize as E}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{ButtonIcon as D}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as O}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as k}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Menu as A}from"./components/navigations/menu/Menu.mjs";import{TextInput as j}from"./components/controls/text-input/TextInput.mjs";import{Chevron as M}from"./components/controls/utils/chevron/Chevron.mjs";import{ClearButton as N}from"./components/controls/utils/clear-button/ClearButton.mjs";import{Combobox as P}from"./components/controls/combobox/Combobox.mjs";import{Autocomplete as F}from"./components/controls/autocomplete/Autocomplete.mjs";import{Checkbox as I}from"./components/controls/checkbox/Checkbox.mjs";import{DatePicker as L}from"./components/controls/date-picker/DatePicker.mjs";import{Dropzone as R}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as z}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as B}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as V}from"./components/controls/file-input/FileInputMultiple.mjs";import{MultiSelect as H}from"./components/controls/multi-select/MultiSelect.mjs";import{MultiSelectTags as U}from"./components/controls/multi-select/MultiSelectTags.mjs";import{PasswordInput as W}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as G}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as K}from"./components/controls/password-input/usePasswordRules.mjs";import{PasswordInputStrength as q}from"./components/controls/password-input-strength/oldPasswordInputStrength.mjs";import{Radio as J}from"./components/controls/radio/Radio.mjs";import{Select as Y}from"./components/controls/select/Select.mjs";import{Textarea as X}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as Z}from"./components/forms/rules/password-rules.mjs";import{z as Q}from"./components/forms/rules/zod.mjs";import{Form as $}from"./components/forms/Form.mjs";import{Breadcrumbs as ee}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Modal as te}from"./components/overlays/modal/Modal.mjs";import{createModal as ne}from"./components/overlays/modals/registry/createModal.mjs";import{ModalAlert as re}from"./components/overlays/modals/alert/ModalAlert.mjs";import{alert as ie}from"./components/overlays/modals/alert/alert.mjs";import{openModalById as ae}from"./components/overlays/modals/registry/openModalById.mjs";import{alertById as oe}from"./components/overlays/modals/alert/alertById.mjs";import{ModalConfirm as se}from"./components/overlays/modals/confirm/ModalConfirm.mjs";import{confirm as ce}from"./components/overlays/modals/confirm/confirm.mjs";import{confirmById as le}from"./components/overlays/modals/confirm/confirmById.mjs";import{ModalsProvider as ue}from"./components/overlays/modals/ModalsProvider.mjs";import{registerModal as de}from"./components/overlays/modals/registry/registerModal.mjs";import{Tooltip as fe}from"./components/overlays/tooltip/Tooltip.mjs";import{Sidebar as pe}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as me}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,F as Autocomplete,a as Avatar,o as Badge,ee as Breadcrumbs,e as Button,n as ButtonAction,D as ButtonIcon,O as ButtonIconVisual,r as ButtonLoader,k as ButtonVisual,s as Calendar,I as Checkbox,M as Chevron,N as ClearButton,P as Combobox,L as DatePicker,R as Dropzone,z as DropzoneFiles,B as FileInput,V as FileInputMultiple,$ as Form,w as HorizontalDivider,u as Icon,l as IconRaw,d as IconSvg,f as IconWrapped,p as Indicator,m as LoaderDot,h as LoaderOval,g as LogoImage,_ as LogoSvg,me as MageUiProvider,A as Menu,te as Modal,re as ModalAlert,se as ModalConfirm,ue as ModalsProvider,H as MultiSelect,U as MultiSelectTags,v as NotificationBanner,Z as PASSWORD_RULES,W as PasswordInput,q as PasswordInputStrength,G as PasswordStrengthInput,J as Radio,y as RemovableItem,T as ScrollArea,E as ScrollAreaAutosize,Y as Select,pe as Sidebar,x as Tag,b as TagGroup,j as TextInput,X as Textarea,fe as Tooltip,S as UploadedFile,C as UploadedFileDetails,t as VisuallyHidden,ie as alert,oe as alertById,ce as confirm,le as confirmById,ne as createModal,c as momentLocalizer,ae as openModalById,de as registerModal,K as usePasswordRules,Q as z};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mage-ui/components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.47",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"rimraf": "^6.1.3",
|
|
26
26
|
"tsdown": "^0.20.3",
|
|
27
27
|
"typescript": "^5.9.3",
|
|
28
|
-
"@mage-ui/
|
|
29
|
-
"@mage-ui/
|
|
28
|
+
"@mage-ui/styled-system": "1.0.8",
|
|
29
|
+
"@mage-ui/preset": "1.0.47"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"@hookform/resolvers": "^5.2.2",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import { TopBar, TopBarProps } from "./top-bar/TopBar.mjs";
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
-
import { ReactNode } from "react";
|
|
3
|
-
|
|
4
|
-
//#region src/components/layouts/top-bar/TopBar.d.ts
|
|
5
|
-
type TopBarProps = {
|
|
6
|
-
startSlot?: ReactNode;
|
|
7
|
-
endSlot?: ReactNode;
|
|
8
|
-
classNames?: {
|
|
9
|
-
topBar?: string;
|
|
10
|
-
root?: string;
|
|
11
|
-
wrapper?: string;
|
|
12
|
-
startSlot?: string;
|
|
13
|
-
endSlot?: string;
|
|
14
|
-
};
|
|
15
|
-
};
|
|
16
|
-
declare const TopBar: ({
|
|
17
|
-
startSlot,
|
|
18
|
-
endSlot,
|
|
19
|
-
classNames
|
|
20
|
-
}: TopBarProps) => react_jsx_runtime0.JSX.Element;
|
|
21
|
-
//#endregion
|
|
22
|
-
export { TopBar, TopBarProps };
|
|
23
|
-
//# sourceMappingURL=TopBar.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TopBar.d.mts","names":[],"sources":["../../../../src/components/layouts/top-bar/TopBar.tsx"],"mappings":";;;;KAWY,WAAA;EACV,SAAA,GAAY,SAAA;EACZ,OAAA,GAAU,SAAA;EACV,UAAA;IACE,MAAA;IACA,IAAA;IACA,OAAA;IACA,SAAA;IACA,OAAA;EAAA;AAAA;AAAA,cAIS,MAAA;EAAU,SAAA;EAAA,OAAA;EAAA;AAAA,GAAoC,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{cx as e}from"@mage-ui/styled-system/css";import{topBar as t,topBarEndSlot as n,topBarRoot as r,topBarStartSlot as i,topBarWrapper as a}from"@mage-ui/styled-system/recipes";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({startSlot:c,endSlot:l,classNames:u})=>o(`div`,{className:e(u?.topBar??t(),u?.root??r()),children:s(`div`,{className:u?.wrapper??a(),children:[o(`div`,{className:u?.startSlot??i(),children:c}),o(`div`,{className:u?.endSlot??n(),children:l})]})});export{c as TopBar};
|
|
2
|
-
//# sourceMappingURL=TopBar.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TopBar.mjs","names":[],"sources":["../../../../src/components/layouts/top-bar/TopBar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n topBar,\n topBarEndSlot,\n topBarRoot,\n topBarStartSlot,\n topBarWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nexport type TopBarProps = {\n startSlot?: ReactNode;\n endSlot?: ReactNode;\n classNames?: {\n topBar?: string;\n root?: string;\n wrapper?: string;\n startSlot?: string;\n endSlot?: string;\n };\n};\n\nexport const TopBar = ({ startSlot, endSlot, classNames }: TopBarProps) => {\n return (\n <div\n className={cx(\n classNames?.topBar ?? topBar(),\n classNames?.root ?? topBarRoot(),\n )}\n >\n <div className={classNames?.wrapper ?? topBarWrapper()}>\n <div className={classNames?.startSlot ?? topBarStartSlot()}>\n {startSlot}\n </div>\n <div className={classNames?.endSlot ?? topBarEndSlot()}>{endSlot}</div>\n </div>\n </div>\n );\n};\n"],"mappings":"qOAuBA,MAAa,GAAU,CAAE,YAAW,UAAS,gBAEzC,EAAC,MAAA,CACC,UAAW,EACT,GAAY,QAAU,GAAQ,CAC9B,GAAY,MAAQ,GAAY,CACjC,UAED,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAe,WACpD,EAAC,MAAA,CAAI,UAAW,GAAY,WAAa,GAAiB,UACvD,GACG,CACN,EAAC,MAAA,CAAI,UAAW,GAAY,SAAW,GAAe,UAAG,GAAc,CAAA,EACnE,EACF"}
|