Project Init

This commit is contained in:
Muluhabt
2026-05-29 15:23:46 +03:00
commit 2fbc557aac
67387 changed files with 6063341 additions and 0 deletions

View File

@@ -0,0 +1,138 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var hooks = require('@mantine/hooks');
var rem = require('../../core/utils/units-converters/rem.cjs');
require('react');
var getSafeId = require('../../core/utils/get-safe-id/get-safe-id.cjs');
var getSize = require('../../core/utils/get-size/get-size.cjs');
var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../core/Box/Box.cjs');
var factory = require('../../core/factory/factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
var Accordion_context = require('./Accordion.context.cjs');
var Accordion_module = require('./Accordion.module.css.cjs');
var AccordionChevron = require('./AccordionChevron.cjs');
var AccordionControl = require('./AccordionControl/AccordionControl.cjs');
var AccordionItem = require('./AccordionItem/AccordionItem.cjs');
var AccordionPanel = require('./AccordionPanel/AccordionPanel.cjs');
const defaultProps = {
multiple: false,
disableChevronRotation: false,
chevronPosition: "right",
variant: "default",
chevronSize: "auto",
chevronIconSize: 16
};
const varsResolver = createVarsResolver.createVarsResolver(
(_, { transitionDuration, chevronSize, radius }) => ({
root: {
"--accordion-transition-duration": transitionDuration === void 0 ? void 0 : `${transitionDuration}ms`,
"--accordion-chevron-size": chevronSize === void 0 ? void 0 : rem.rem(chevronSize),
"--accordion-radius": radius === void 0 ? void 0 : getSize.getRadius(radius)
}
})
);
function Accordion(_props) {
const props = useProps.useProps("Accordion", defaultProps, _props);
const {
classNames,
className,
style,
styles,
unstyled,
vars,
children,
multiple,
value,
defaultValue,
onChange,
id,
loop,
transitionDuration,
disableChevronRotation,
chevronPosition,
chevronSize,
order,
chevron,
variant,
radius,
chevronIconSize,
attributes,
...others
} = props;
const uid = hooks.useId(id);
const [_value, handleChange] = hooks.useUncontrolled({
value,
defaultValue,
finalValue: multiple ? [] : null,
onChange
});
const isItemActive = (itemValue) => Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;
const handleItemChange = (itemValue) => {
const nextValue = Array.isArray(_value) ? _value.includes(itemValue) ? _value.filter((selectedValue) => selectedValue !== itemValue) : [..._value, itemValue] : itemValue === _value ? null : itemValue;
handleChange(nextValue);
};
const getStyles = useStyles.useStyles({
name: "Accordion",
classes: Accordion_module,
props,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver
});
return /* @__PURE__ */ jsxRuntime.jsx(
Accordion_context.AccordionProvider,
{
value: {
isItemActive,
onChange: handleItemChange,
getControlId: getSafeId.getSafeId(
`${uid}-control`,
"Accordion.Item component was rendered with invalid value or without value"
),
getRegionId: getSafeId.getSafeId(
`${uid}-panel`,
"Accordion.Item component was rendered with invalid value or without value"
),
chevron: chevron === null ? null : chevron || /* @__PURE__ */ jsxRuntime.jsx(AccordionChevron.AccordionChevron, { size: chevronIconSize }),
transitionDuration,
disableChevronRotation,
chevronPosition,
order,
loop,
getStyles,
variant,
unstyled
},
children: /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ...getStyles("root"), id: uid, ...others, variant, "data-accordion": true, children })
}
);
}
const extendAccordion = (c) => c;
Accordion.extend = extendAccordion;
Accordion.withProps = factory.getWithProps(Accordion);
Accordion.classes = Accordion_module;
Accordion.displayName = "@mantine/core/Accordion";
Accordion.Item = AccordionItem.AccordionItem;
Accordion.Panel = AccordionPanel.AccordionPanel;
Accordion.Control = AccordionControl.AccordionControl;
Accordion.Chevron = AccordionChevron.AccordionChevron;
exports.Accordion = Accordion;
//# sourceMappingURL=Accordion.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,24 @@
'use client';
'use strict';
require('../../core/utils/units-converters/rem.cjs');
require('react');
var createSafeContext = require('../../core/utils/create-safe-context/create-safe-context.cjs');
require('react/jsx-runtime');
require('@mantine/hooks');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../core/Box/Box.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
const [AccordionProvider, useAccordionContext] = createSafeContext.createSafeContext(
"Accordion component was not found in the tree"
);
exports.AccordionProvider = AccordionProvider;
exports.useAccordionContext = useAccordionContext;
//# sourceMappingURL=Accordion.context.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"Accordion.context.cjs","sources":["../../../src/components/Accordion/Accordion.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { AccordionFactory } from './Accordion';\nimport { AccordionChevronPosition, AccordionHeadingOrder } from './Accordion.types';\n\ninterface AccordionContext {\n loop: boolean | undefined;\n transitionDuration: number | undefined;\n disableChevronRotation: boolean | undefined;\n chevronPosition: AccordionChevronPosition | undefined;\n order: AccordionHeadingOrder | undefined;\n chevron: React.ReactNode;\n onChange: (value: string) => void;\n isItemActive: (value: string) => boolean;\n getControlId: (value: string) => string;\n getRegionId: (value: string) => string;\n getStyles: GetStylesApi<AccordionFactory>;\n variant: string | undefined;\n unstyled: boolean | undefined;\n}\n\nexport const [AccordionProvider, useAccordionContext] = createSafeContext<AccordionContext>(\n 'Accordion component was not found in the tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;;;;;;;;;;;;AAoBO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB,CAAA,GAAIA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CACtD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACF,CAAA,CAAA;;;"}

View File

@@ -0,0 +1,7 @@
'use client';
'use strict';
var classes = {"root":"m_9bdbb667","panel":"m_df78851f","content":"m_4ba554d4","itemTitle":"m_8fa820a0","control":"m_4ba585b8","control--default":"m_6939a5e9","control--contained":"m_4271d21b","label":"m_df3ffa0f","chevron":"m_3f35ae96","icon":"m_9bd771fe","item":"m_9bd7b098","item--default":"m_fe19b709","item--contained":"m_1f921b3b","item--filled":"m_2cdf939a","item--separated":"m_9f59b069"};
module.exports = classes;
//# sourceMappingURL=Accordion.module.css.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"Accordion.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

View File

@@ -0,0 +1,41 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var rem = require('../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../core/Box/Box.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
function AccordionChevron({ style, size = 16, ...others }) {
return /* @__PURE__ */ jsxRuntime.jsx(
"svg",
{
viewBox: "0 0 15 15",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
style: { ...style, width: rem.rem(size), height: rem.rem(size), display: "block" },
...others,
children: /* @__PURE__ */ jsxRuntime.jsx(
"path",
{
d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
fill: "currentColor",
fillRule: "evenodd",
clipRule: "evenodd"
}
)
}
);
}
AccordionChevron.displayName = "@mantine/core/AccordionChevron";
exports.AccordionChevron = AccordionChevron;
//# sourceMappingURL=AccordionChevron.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,103 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
var createScopedKeydownHandler = require('../../../core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.cjs');
require('@mantine/hooks');
require('clsx');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var Box = require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var UnstyledButton = require('../../UnstyledButton/UnstyledButton.cjs');
var Accordion_context = require('../Accordion.context.cjs');
var Accordion_module = require('../Accordion.module.css.cjs');
var AccordionItem_context = require('../AccordionItem.context.cjs');
const AccordionControl = factory.factory((props, ref) => {
const {
classNames,
className,
style,
styles,
vars,
chevron,
icon,
onClick,
onKeyDown,
children,
disabled,
mod,
...others
} = useProps.useProps("AccordionControl", null, props);
const { value } = AccordionItem_context.useAccordionItemContext();
const ctx = Accordion_context.useAccordionContext();
const isActive = ctx.isItemActive(value);
const shouldWrapWithHeading = typeof ctx.order === "number";
const Heading = `h${ctx.order}`;
const content = /* @__PURE__ */ jsxRuntime.jsxs(
UnstyledButton.UnstyledButton,
{
...others,
...ctx.getStyles("control", { className, classNames, style, styles, variant: ctx.variant }),
unstyled: ctx.unstyled,
mod: [
"accordion-control",
{ active: isActive, "chevron-position": ctx.chevronPosition, disabled },
mod
],
ref,
onClick: (event) => {
onClick?.(event);
ctx.onChange(value);
},
type: "button",
disabled,
"aria-expanded": isActive,
"aria-controls": ctx.getRegionId(value),
id: ctx.getControlId(value),
onKeyDown: createScopedKeydownHandler.createScopedKeydownHandler({
siblingSelector: "[data-accordion-control]",
parentSelector: "[data-accordion]",
activateOnFocus: false,
loop: ctx.loop,
orientation: "vertical",
onKeyDown
}),
children: [
/* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
component: "span",
mod: { rotate: !ctx.disableChevronRotation && isActive, position: ctx.chevronPosition },
...ctx.getStyles("chevron", { classNames, styles }),
children: chevron || ctx.chevron
}
),
/* @__PURE__ */ jsxRuntime.jsx("span", { ...ctx.getStyles("label", { classNames, styles }), children }),
icon && /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
component: "span",
mod: { "chevron-position": ctx.chevronPosition },
...ctx.getStyles("icon", { classNames, styles }),
children: icon
}
)
]
}
);
return shouldWrapWithHeading ? /* @__PURE__ */ jsxRuntime.jsx(Heading, { ...ctx.getStyles("itemTitle", { classNames, styles }), children: content }) : content;
});
AccordionControl.displayName = "@mantine/core/AccordionControl";
AccordionControl.classes = Accordion_module;
exports.AccordionControl = AccordionControl;
//# sourceMappingURL=AccordionControl.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,22 @@
'use client';
'use strict';
require('../../core/utils/units-converters/rem.cjs');
require('react');
var createSafeContext = require('../../core/utils/create-safe-context/create-safe-context.cjs');
require('react/jsx-runtime');
require('@mantine/hooks');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../core/Box/Box.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
const [AccordionItemProvider, useAccordionItemContext] = createSafeContext.createSafeContext("Accordion.Item component was not found in the tree");
exports.AccordionItemProvider = AccordionItemProvider;
exports.useAccordionItemContext = useAccordionItemContext;
//# sourceMappingURL=AccordionItem.context.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"AccordionItem.context.cjs","sources":["../../../src/components/Accordion/AccordionItem.context.ts"],"sourcesContent":["import { createSafeContext } from '../../core';\n\ninterface AccordionItemContext {\n value: string;\n}\n\nexport const [AccordionItemProvider, useAccordionItemContext] =\n createSafeContext<AccordionItemContext>('Accordion.Item component was not found in the tree');\n"],"names":["createSafeContext"],"mappings":";;;;;;;;;;;;;;;;;AAMO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,qBAAA,CAAA,CAAuB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,CAAA,CAAA,CAAA,CAC1DA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAAwC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoD,CAAA,CAAA;;;"}

View File

@@ -0,0 +1,43 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('clsx');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var Box = require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var Accordion_context = require('../Accordion.context.cjs');
var Accordion_module = require('../Accordion.module.css.cjs');
var AccordionItem_context = require('../AccordionItem.context.cjs');
const AccordionItem = factory.factory((props, ref) => {
const { classNames, className, style, styles, vars, value, mod, ...others } = useProps.useProps(
"AccordionItem",
null,
props
);
const ctx = Accordion_context.useAccordionContext();
return /* @__PURE__ */ jsxRuntime.jsx(AccordionItem_context.AccordionItemProvider, { value: { value }, children: /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
ref,
mod: [{ active: ctx.isItemActive(value) }, mod],
...ctx.getStyles("item", { className, classNames, styles, style, variant: ctx.variant }),
...others
}
) });
});
AccordionItem.displayName = "@mantine/core/AccordionItem";
AccordionItem.classes = Accordion_module;
exports.AccordionItem = AccordionItem;
//# sourceMappingURL=AccordionItem.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,50 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('clsx');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var Collapse = require('../../Collapse/Collapse.cjs');
var Accordion_context = require('../Accordion.context.cjs');
var Accordion_module = require('../Accordion.module.css.cjs');
var AccordionItem_context = require('../AccordionItem.context.cjs');
const AccordionPanel = factory.factory((props, ref) => {
const { classNames, className, style, styles, vars, children, ...others } = useProps.useProps(
"AccordionPanel",
null,
props
);
const { value } = AccordionItem_context.useAccordionItemContext();
const ctx = Accordion_context.useAccordionContext();
return /* @__PURE__ */ jsxRuntime.jsx(
Collapse.Collapse,
{
ref,
...ctx.getStyles("panel", { className, classNames, style, styles }),
...others,
in: ctx.isItemActive(value),
transitionDuration: ctx.transitionDuration ?? 200,
role: "region",
id: ctx.getRegionId(value),
"aria-labelledby": ctx.getControlId(value),
children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...ctx.getStyles("content", { classNames, styles }), children })
}
);
});
AccordionPanel.displayName = "@mantine/core/AccordionPanel";
AccordionPanel.classes = Accordion_module;
exports.AccordionPanel = AccordionPanel;
//# sourceMappingURL=AccordionPanel.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,112 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../core/utils/units-converters/rem.cjs');
require('react');
var getSize = require('../../core/utils/get-size/get-size.cjs');
require('@mantine/hooks');
var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../core/Box/Box.cjs');
var polymorphicFactory = require('../../core/factory/polymorphic-factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
var Loader = require('../Loader/Loader.cjs');
var Transition = require('../Transition/Transition.cjs');
var UnstyledButton = require('../UnstyledButton/UnstyledButton.cjs');
var ActionIcon_module = require('./ActionIcon.module.css.cjs');
var ActionIconGroup = require('./ActionIconGroup/ActionIconGroup.cjs');
var ActionIconGroupSection = require('./ActionIconGroupSection/ActionIconGroupSection.cjs');
const varsResolver = createVarsResolver.createVarsResolver(
(theme, { size, radius, variant, gradient, color, autoContrast }) => {
const colors = theme.variantColorResolver({
color: color || theme.primaryColor,
theme,
gradient,
variant: variant || "filled",
autoContrast
});
return {
root: {
"--ai-size": getSize.getSize(size, "ai-size"),
"--ai-radius": radius === void 0 ? void 0 : getSize.getRadius(radius),
"--ai-bg": color || variant ? colors.background : void 0,
"--ai-hover": color || variant ? colors.hover : void 0,
"--ai-hover-color": color || variant ? colors.hoverColor : void 0,
"--ai-color": colors.color,
"--ai-bd": color || variant ? colors.border : void 0
}
};
}
);
const ActionIcon = polymorphicFactory.polymorphicFactory((_props, ref) => {
const props = useProps.useProps("ActionIcon", null, _props);
const {
className,
unstyled,
variant,
classNames,
styles,
style,
loading,
loaderProps,
size,
color,
radius,
__staticSelector,
gradient,
vars,
children,
disabled,
"data-disabled": dataDisabled,
autoContrast,
mod,
attributes,
...others
} = props;
const getStyles = useStyles.useStyles({
name: ["ActionIcon", __staticSelector],
props,
className,
style,
classes: ActionIcon_module,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver
});
return /* @__PURE__ */ jsxRuntime.jsxs(
UnstyledButton.UnstyledButton,
{
...getStyles("root", { active: !disabled && !loading && !dataDisabled }),
...others,
unstyled,
variant,
size,
disabled: disabled || loading,
ref,
mod: [{ loading, disabled: disabled || dataDisabled }, mod],
children: [
typeof loading === "boolean" && /* @__PURE__ */ jsxRuntime.jsx(Transition.Transition, { mounted: loading, transition: "slide-down", duration: 150, children: (transitionStyles) => /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { component: "span", ...getStyles("loader", { style: transitionStyles }), "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(Loader.Loader, { color: "var(--ai-color)", size: "calc(var(--ai-size) * 0.55)", ...loaderProps }) }) }),
/* @__PURE__ */ jsxRuntime.jsx(Box.Box, { component: "span", mod: { loading }, ...getStyles("icon"), children })
]
}
);
});
ActionIcon.classes = ActionIcon_module;
ActionIcon.displayName = "@mantine/core/ActionIcon";
ActionIcon.Group = ActionIconGroup.ActionIconGroup;
ActionIcon.GroupSection = ActionIconGroupSection.ActionIconGroupSection;
exports.ActionIcon = ActionIcon;
//# sourceMappingURL=ActionIcon.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,7 @@
'use client';
'use strict';
var classes = {"root":"m_8d3f4000","icon":"m_8d3afb97","loader":"m_302b9fb1","group":"m_1a0f1b21","groupSection":"m_437b6484"};
module.exports = classes;
//# sourceMappingURL=ActionIcon.module.css.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"ActionIcon.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

View File

@@ -0,0 +1,74 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var rem = require('../../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
var createVarsResolver = require('../../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var ActionIcon_module = require('../ActionIcon.module.css.cjs');
const defaultProps = {
orientation: "horizontal"
};
const varsResolver = createVarsResolver.createVarsResolver((_, { borderWidth }) => ({
group: { "--ai-border-width": rem.rem(borderWidth) }
}));
const ActionIconGroup = factory.factory((_props, ref) => {
const props = useProps.useProps("ActionIconGroup", defaultProps, _props);
const {
className,
style,
classNames,
styles,
unstyled,
orientation,
vars,
borderWidth,
variant,
mod,
attributes,
...others
} = useProps.useProps("ActionIconGroup", defaultProps, _props);
const getStyles = useStyles.useStyles({
name: "ActionIconGroup",
props,
classes: ActionIcon_module,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver,
rootSelector: "group"
});
return /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
...getStyles("group"),
ref,
variant,
mod: [{ "data-orientation": orientation }, mod],
role: "group",
...others
}
);
});
ActionIconGroup.classes = ActionIcon_module;
ActionIconGroup.displayName = "@mantine/core/ActionIconGroup";
exports.ActionIconGroup = ActionIconGroup;
//# sourceMappingURL=ActionIconGroup.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,81 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
var getSize = require('../../../core/utils/get-size/get-size.cjs');
require('@mantine/hooks');
var createVarsResolver = require('../../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var ActionIcon_module = require('../ActionIcon.module.css.cjs');
const varsResolver = createVarsResolver.createVarsResolver(
(theme, { radius, color, gradient, variant, autoContrast, size }) => {
const colors = theme.variantColorResolver({
color: color || theme.primaryColor,
theme,
gradient,
variant: variant || "filled",
autoContrast
});
return {
groupSection: {
"--section-height": getSize.getSize(size, "section-height"),
"--section-padding-x": getSize.getSize(size, "section-padding-x"),
"--section-fz": getSize.getFontSize(size),
"--section-radius": radius === void 0 ? void 0 : getSize.getRadius(radius),
"--section-bg": color || variant ? colors.background : void 0,
"--section-color": colors.color,
"--section-bd": color || variant ? colors.border : void 0
}
};
}
);
const ActionIconGroupSection = factory.factory((_props, ref) => {
const props = useProps.useProps("ActionIconGroupSection", null, _props);
const {
className,
style,
classNames,
styles,
unstyled,
vars,
variant,
gradient,
radius,
autoContrast,
attributes,
...others
} = props;
const getStyles = useStyles.useStyles({
name: "ActionIconGroupSection",
props,
classes: ActionIcon_module,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver,
rootSelector: "groupSection"
});
return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ...getStyles("groupSection"), ref, variant, ...others });
});
ActionIconGroupSection.classes = ActionIcon_module;
ActionIconGroupSection.displayName = "@mantine/core/ActionIconGroupSection";
exports.ActionIconGroupSection = ActionIconGroupSection;
//# sourceMappingURL=ActionIconGroupSection.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,75 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../core/utils/units-converters/rem.cjs');
require('react');
var getDefaultZIndex = require('../../core/utils/get-default-z-index/get-default-z-index.cjs');
var getSize = require('../../core/utils/get-size/get-size.cjs');
require('@mantine/hooks');
var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../core/Box/Box.cjs');
var factory = require('../../core/factory/factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
require('../Portal/Portal.cjs');
var OptionalPortal = require('../Portal/OptionalPortal.cjs');
var Affix_module = require('./Affix.module.css.cjs');
const defaultProps = {
position: { bottom: 0, right: 0 },
zIndex: getDefaultZIndex.getDefaultZIndex("modal"),
withinPortal: true
};
const varsResolver = createVarsResolver.createVarsResolver((_, { zIndex, position }) => ({
root: {
"--affix-z-index": zIndex?.toString(),
"--affix-top": getSize.getSpacing(position?.top),
"--affix-left": getSize.getSpacing(position?.left),
"--affix-bottom": getSize.getSpacing(position?.bottom),
"--affix-right": getSize.getSpacing(position?.right)
}
}));
const Affix = factory.factory((_props, ref) => {
const props = useProps.useProps("Affix", defaultProps, _props);
const {
classNames,
className,
style,
styles,
unstyled,
vars,
portalProps,
zIndex,
withinPortal,
position,
attributes,
...others
} = props;
const getStyles = useStyles.useStyles({
name: "Affix",
classes: Affix_module,
props,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver
});
return /* @__PURE__ */ jsxRuntime.jsx(OptionalPortal.OptionalPortal, { ...portalProps, withinPortal, children: /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, ...getStyles("root"), ...others }) });
});
Affix.classes = Affix_module;
Affix.displayName = "@mantine/core/Affix";
exports.Affix = Affix;
//# sourceMappingURL=Affix.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,7 @@
'use client';
'use strict';
var classes = {"root":"m_7f854edf"};
module.exports = classes;
//# sourceMappingURL=Affix.module.css.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"Affix.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

View File

@@ -0,0 +1,120 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var hooks = require('@mantine/hooks');
require('../../core/utils/units-converters/rem.cjs');
require('react');
var getSize = require('../../core/utils/get-size/get-size.cjs');
var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../core/Box/Box.cjs');
var factory = require('../../core/factory/factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
require('../CloseButton/CloseIcon.cjs');
var CloseButton = require('../CloseButton/CloseButton.cjs');
var Alert_module = require('./Alert.module.css.cjs');
const varsResolver = createVarsResolver.createVarsResolver(
(theme, { radius, color, variant, autoContrast }) => {
const colors = theme.variantColorResolver({
color: color || theme.primaryColor,
theme,
variant: variant || "light",
autoContrast
});
return {
root: {
"--alert-radius": radius === void 0 ? void 0 : getSize.getRadius(radius),
"--alert-bg": color || variant ? colors.background : void 0,
"--alert-color": colors.color,
"--alert-bd": color || variant ? colors.border : void 0
}
};
}
);
const Alert = factory.factory((_props, ref) => {
const props = useProps.useProps("Alert", null, _props);
const {
classNames,
className,
style,
styles,
unstyled,
vars,
radius,
color,
title,
children,
id,
icon,
withCloseButton,
onClose,
closeButtonLabel,
variant,
autoContrast,
role,
attributes,
...others
} = props;
const getStyles = useStyles.useStyles({
name: "Alert",
classes: Alert_module,
props,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver
});
const rootId = hooks.useId(id);
const titleId = title && `${rootId}-title` || void 0;
const bodyId = `${rootId}-body`;
return /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
id: rootId,
...getStyles("root", { variant }),
variant,
ref,
role: role || "alert",
...others,
"aria-describedby": children ? bodyId : void 0,
"aria-labelledby": title ? titleId : void 0,
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...getStyles("wrapper"), children: [
icon && /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles("icon"), children: icon }),
/* @__PURE__ */ jsxRuntime.jsxs("div", { ...getStyles("body"), children: [
title && /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles("title"), "data-with-close-button": withCloseButton || void 0, children: /* @__PURE__ */ jsxRuntime.jsx("span", { id: titleId, ...getStyles("label"), children: title }) }),
children && /* @__PURE__ */ jsxRuntime.jsx("div", { id: bodyId, ...getStyles("message"), "data-variant": variant, children })
] }),
withCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
CloseButton.CloseButton,
{
...getStyles("closeButton"),
onClick: onClose,
variant: "transparent",
size: 16,
iconSize: 16,
"aria-label": closeButtonLabel,
unstyled
}
)
] })
}
);
});
Alert.classes = Alert_module;
Alert.displayName = "@mantine/core/Alert";
exports.Alert = Alert;
//# sourceMappingURL=Alert.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,7 @@
'use client';
'use strict';
var classes = {"root":"m_66836ed3","wrapper":"m_a5d60502","body":"m_667c2793","title":"m_6a03f287","label":"m_698f4f23","icon":"m_667f2a6a","message":"m_7fa78076","closeButton":"m_87f54839"};
module.exports = classes;
//# sourceMappingURL=Alert.module.css.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"Alert.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

View File

@@ -0,0 +1,51 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var cx = require('clsx');
require('../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../core/Box/Box.cjs');
var polymorphicFactory = require('../../core/factory/polymorphic-factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
var Text = require('../Text/Text.cjs');
var Anchor_module = require('./Anchor.module.css.cjs');
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
var cx__default = /*#__PURE__*/_interopDefault(cx);
const defaultProps = {
underline: "hover"
};
const Anchor = polymorphicFactory.polymorphicFactory((props, ref) => {
const { underline, className, unstyled, mod, ...others } = useProps.useProps(
"Anchor",
defaultProps,
props
);
return /* @__PURE__ */ jsxRuntime.jsx(
Text.Text,
{
component: "a",
ref,
className: cx__default.default({ [Anchor_module.root]: !unstyled }, className),
...others,
mod: [{ underline }, mod],
__staticSelector: "Anchor",
unstyled
}
);
});
Anchor.classes = Anchor_module;
Anchor.displayName = "@mantine/core/Anchor";
exports.Anchor = Anchor;
//# sourceMappingURL=Anchor.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"Anchor.cjs","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import cx from 'clsx';\nimport { polymorphicFactory, PolymorphicFactory, useProps } from '../../core';\nimport { Text, TextCssVariables, TextProps, TextStylesNames, TextVariant } from '../Text';\nimport classes from './Anchor.module.css';\n\nexport type AnchorStylesNames = TextStylesNames;\nexport type AnchorVariant = TextVariant;\nexport type AnchorCssVariables = TextCssVariables;\n\nexport interface AnchorProps extends Omit<TextProps, 'span'> {\n /** Defines when `text-decoration: underline` styles are applied. @default `hover` */\n underline?: 'always' | 'hover' | 'not-hover' | 'never';\n}\n\nexport type AnchorFactory = PolymorphicFactory<{\n props: AnchorProps;\n defaultComponent: 'a';\n defaultRef: HTMLAnchorElement;\n stylesNames: AnchorStylesNames;\n vars: AnchorCssVariables;\n variant: AnchorVariant;\n}>;\n\nconst defaultProps = {\n underline: 'hover',\n} satisfies Partial<AnchorProps>;\n\nexport const Anchor = polymorphicFactory<AnchorFactory>((props, ref) => {\n const { underline, className, unstyled, mod, ...others } = useProps(\n 'Anchor',\n defaultProps,\n props\n );\n\n return (\n <Text\n component=\"a\"\n ref={ref}\n className={cx({ [classes.root]: !unstyled }, className)}\n {...others}\n mod={[{ underline }, mod]}\n __staticSelector=\"Anchor\"\n unstyled={unstyled}\n />\n );\n});\n\nAnchor.classes = classes;\nAnchor.displayName = '@mantine/core/Anchor';\n"],"names":["polymorphicFactory","useProps","jsx","Text","cx","classes"],"mappings":"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"}

View File

@@ -0,0 +1,7 @@
'use client';
'use strict';
var classes = {"root":"m_849cf0da"};
module.exports = classes;
//# sourceMappingURL=Anchor.module.css.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"Anchor.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

View File

@@ -0,0 +1,177 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var React = require('react');
var hooks = require('@mantine/hooks');
var rem = require('../../core/utils/units-converters/rem.cjs');
var findClosestNumber = require('../../core/utils/find-closest-number/find-closest-number.cjs');
var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../core/Box/Box.cjs');
var factory = require('../../core/factory/factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
var AngleSlider_module = require('./AngleSlider.module.css.cjs');
const defaultProps = {
step: 1,
withLabel: true
};
const varsResolver = createVarsResolver.createVarsResolver((_, { size, thumbSize }) => ({
root: {
"--slider-size": rem.rem(size),
"--thumb-size": rem.rem(thumbSize)
}
}));
const AngleSlider = factory.factory((_props, ref) => {
const props = useProps.useProps("AngleSlider", defaultProps, _props);
const {
classNames,
className,
style,
styles,
unstyled,
vars,
step,
value,
defaultValue,
onChange,
onMouseDown,
withLabel,
marks,
thumbSize,
restrictToMarks,
formatLabel,
onChangeEnd,
disabled,
onTouchStart,
name,
hiddenInputProps,
"aria-label": ariaLabel,
tabIndex,
onScrubStart,
onScrubEnd,
mod,
attributes,
...others
} = props;
const rootRef = React.useRef(null);
const [_value, setValue] = hooks.useUncontrolled({
value,
defaultValue,
finalValue: 0,
onChange
});
const update = (val) => {
if (rootRef.current && !disabled) {
const newValue = restrictToMarks && Array.isArray(marks) ? findClosestNumber.findClosestNumber(
val,
marks.map((mark) => mark.value)
) : val;
setValue(newValue);
}
};
const { ref: radialMoveRef } = hooks.useRadialMove(update, {
step,
onChangeEnd,
onScrubStart,
onScrubEnd
});
const getStyles = useStyles.useStyles({
name: "AngleSlider",
classes: AngleSlider_module,
props,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver
});
const handleKeyDown = (event) => {
if (disabled) {
return;
}
let newValue = _value;
if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
event.preventDefault();
newValue = hooks.normalizeRadialValue(_value - step, step);
}
if (event.key === "ArrowRight" || event.key === "ArrowUp") {
event.preventDefault();
newValue = hooks.normalizeRadialValue(_value + step, step);
}
if (event.key === "Home") {
newValue = 0;
}
if (event.key === "End") {
newValue = 359;
}
if (restrictToMarks && Array.isArray(marks)) {
const markValues = marks.map((mark) => mark.value);
const currentIndex = markValues.indexOf(_value);
if (currentIndex !== -1) {
if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
newValue = markValues[Math.max(0, currentIndex - 1)];
} else if (event.key === "ArrowRight" || event.key === "ArrowUp") {
newValue = markValues[Math.min(markValues.length - 1, currentIndex + 1)];
} else {
newValue = findClosestNumber.findClosestNumber(newValue, markValues);
}
} else {
newValue = findClosestNumber.findClosestNumber(newValue, markValues);
}
}
setValue(newValue);
onChangeEnd?.(newValue);
};
const marksItems = marks?.map((mark, index) => /* @__PURE__ */ React.createElement(
"div",
{
...getStyles("mark", { style: { "--angle": `${mark.value}deg` } }),
"data-label": mark.label || void 0,
key: index
}
));
return /* @__PURE__ */ jsxRuntime.jsxs(
Box.Box,
{
ref: hooks.useMergedRef(ref, rootRef, radialMoveRef),
...getStyles("root", { focusable: true }),
mod: [{ disabled }, mod],
...others,
children: [
marksItems && marksItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles("marks"), children: marksItems }),
withLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles("label"), children: typeof formatLabel === "function" ? formatLabel(_value) : _value }),
/* @__PURE__ */ jsxRuntime.jsx(
"div",
{
tabIndex: tabIndex ?? (disabled ? -1 : 0),
role: "slider",
"aria-valuemax": 360,
"aria-valuemin": 0,
"aria-valuenow": _value,
onKeyDown: handleKeyDown,
"aria-label": ariaLabel,
...getStyles("thumb", { style: { transform: `rotate(${_value}deg)` } })
}
),
/* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name, value: _value, ...hiddenInputProps })
]
}
);
});
AngleSlider.displayName = "@mantine/core/AngleSlider";
AngleSlider.classes = AngleSlider_module;
exports.AngleSlider = AngleSlider;
//# sourceMappingURL=AngleSlider.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,7 @@
'use client';
'use strict';
var classes = {"root":"m_48204f9b","marks":"m_bb9cdbad","mark":"m_481dd586","thumb":"m_bc02ba3d","label":"m_bb8e875b"};
module.exports = classes;
//# sourceMappingURL=AngleSlider.module.css.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"AngleSlider.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

View File

@@ -0,0 +1,125 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var hooks = require('@mantine/hooks');
require('../../core/utils/units-converters/rem.cjs');
require('react');
var getDefaultZIndex = require('../../core/utils/get-default-z-index/get-default-z-index.cjs');
var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../core/Box/Box.cjs');
var factory = require('../../core/factory/factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
var AppShell_context = require('./AppShell.context.cjs');
var AppShell_module = require('./AppShell.module.css.cjs');
var AppShellAside = require('./AppShellAside/AppShellAside.cjs');
var AppShellFooter = require('./AppShellFooter/AppShellFooter.cjs');
var AppShellHeader = require('./AppShellHeader/AppShellHeader.cjs');
var AppShellMain = require('./AppShellMain/AppShellMain.cjs');
var AppShellMediaStyles = require('./AppShellMediaStyles/AppShellMediaStyles.cjs');
var AppShellNavbar = require('./AppShellNavbar/AppShellNavbar.cjs');
var AppShellSection = require('./AppShellSection/AppShellSection.cjs');
var useResizing = require('./use-resizing/use-resizing.cjs');
const defaultProps = {
withBorder: true,
padding: 0,
transitionDuration: 200,
transitionTimingFunction: "ease",
zIndex: getDefaultZIndex.getDefaultZIndex("app"),
mode: "fixed"
};
const varsResolver = createVarsResolver.createVarsResolver(
(_, { transitionDuration, transitionTimingFunction }) => ({
root: {
"--app-shell-transition-duration": `${transitionDuration}ms`,
"--app-shell-transition-timing-function": transitionTimingFunction
}
})
);
const AppShell = factory.factory((_props, ref) => {
const props = useProps.useProps("AppShell", defaultProps, _props);
const {
classNames,
className,
style,
styles,
unstyled,
vars,
navbar,
withBorder,
padding,
transitionDuration,
transitionTimingFunction,
header,
zIndex,
layout,
disabled,
aside,
footer,
offsetScrollbars = true,
mode,
mod,
attributes,
id,
...others
} = props;
const getStyles = useStyles.useStyles({
name: "AppShell",
classes: AppShell_module,
props,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver
});
const resizing = useResizing.useResizing({ disabled, transitionDuration });
const _id = hooks.useId(id);
return /* @__PURE__ */ jsxRuntime.jsxs(AppShell_context.AppShellProvider, { value: { getStyles, withBorder, zIndex, disabled, offsetScrollbars, mode }, children: [
/* @__PURE__ */ jsxRuntime.jsx(
AppShellMediaStyles.AppShellMediaStyles,
{
navbar,
header,
aside,
footer,
padding,
mode,
selector: mode === "static" ? `#${_id}` : void 0
}
),
/* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
ref,
...getStyles("root"),
mod: [{ resizing, layout, disabled, mode }, mod],
id: _id,
...others
}
)
] });
});
AppShell.classes = AppShell_module;
AppShell.displayName = "@mantine/core/AppShell";
AppShell.Navbar = AppShellNavbar.AppShellNavbar;
AppShell.Header = AppShellHeader.AppShellHeader;
AppShell.Main = AppShellMain.AppShellMain;
AppShell.Aside = AppShellAside.AppShellAside;
AppShell.Footer = AppShellFooter.AppShellFooter;
AppShell.Section = AppShellSection.AppShellSection;
exports.AppShell = AppShell;
//# sourceMappingURL=AppShell.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,24 @@
'use client';
'use strict';
require('../../core/utils/units-converters/rem.cjs');
require('react');
var createSafeContext = require('../../core/utils/create-safe-context/create-safe-context.cjs');
require('react/jsx-runtime');
require('@mantine/hooks');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../core/Box/Box.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
const [AppShellProvider, useAppShellContext] = createSafeContext.createSafeContext(
"AppShell was not found in tree"
);
exports.AppShellProvider = AppShellProvider;
exports.useAppShellContext = useAppShellContext;
//# sourceMappingURL=AppShell.context.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"AppShell.context.cjs","sources":["../../../src/components/AppShell/AppShell.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { AppShellFactory } from './AppShell';\n\nexport interface AppShellContext {\n getStyles: GetStylesApi<AppShellFactory>;\n withBorder: boolean | undefined;\n zIndex: string | number | undefined;\n disabled: boolean | undefined;\n offsetScrollbars: boolean | undefined;\n mode: 'fixed' | 'static';\n}\n\nexport const [AppShellProvider, useAppShellContext] = createSafeContext<AppShellContext>(\n 'AppShell was not found in tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;;;;;;;;;;;;AAYO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkB,CAAA,GAAIA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CACpD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACF,CAAA,CAAA;;;"}

View File

@@ -0,0 +1,7 @@
'use client';
'use strict';
var classes = {"root":"m_89ab340","navbar":"m_45252eee","aside":"m_9cdde9a","header":"m_3b16f56b","main":"m_8983817","footer":"m_3840c879","section":"m_6dcfc7c7"};
module.exports = classes;
//# sourceMappingURL=AppShell.module.css.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"AppShell.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

View File

@@ -0,0 +1,64 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var cx = require('clsx');
var reactRemoveScroll = require('react-remove-scroll');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var Box = require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var AppShell_context = require('../AppShell.context.cjs');
var AppShell_module = require('../AppShell.module.css.cjs');
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
var cx__default = /*#__PURE__*/_interopDefault(cx);
const AppShellAside = factory.factory((_props, ref) => {
const {
classNames,
className,
style,
styles,
unstyled,
vars,
withBorder,
zIndex,
mod,
...others
} = useProps.useProps("AppShellAside", null, _props);
const ctx = AppShell_context.useAppShellContext();
if (ctx.disabled) {
return null;
}
return /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
component: "aside",
ref,
mod: [{ "with-border": withBorder ?? ctx.withBorder }, mod],
...ctx.getStyles("aside", {
className: cx__default.default({ [reactRemoveScroll.RemoveScroll.classNames.zeroRight]: ctx.offsetScrollbars }, className),
classNames,
styles,
style
}),
...others,
__vars: { "--app-shell-aside-z-index": `calc(${zIndex ?? ctx.zIndex} + 1)` }
}
);
});
AppShellAside.classes = AppShell_module;
AppShellAside.displayName = "@mantine/core/AppShellAside";
exports.AppShellAside = AppShellAside;
//# sourceMappingURL=AppShellAside.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,64 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var cx = require('clsx');
var reactRemoveScroll = require('react-remove-scroll');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var Box = require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var AppShell_context = require('../AppShell.context.cjs');
var AppShell_module = require('../AppShell.module.css.cjs');
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
var cx__default = /*#__PURE__*/_interopDefault(cx);
const AppShellFooter = factory.factory((_props, ref) => {
const {
classNames,
className,
style,
styles,
unstyled,
vars,
withBorder,
zIndex,
mod,
...others
} = useProps.useProps("AppShellFooter", null, _props);
const ctx = AppShell_context.useAppShellContext();
if (ctx.disabled) {
return null;
}
return /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
component: "footer",
ref,
mod: [{ "with-border": withBorder ?? ctx.withBorder }, mod],
...ctx.getStyles("footer", {
className: cx__default.default({ [reactRemoveScroll.RemoveScroll.classNames.zeroRight]: ctx.offsetScrollbars }, className),
classNames,
styles,
style
}),
...others,
__vars: { "--app-shell-footer-z-index": (zIndex ?? ctx.zIndex)?.toString() }
}
);
});
AppShellFooter.classes = AppShell_module;
AppShellFooter.displayName = "@mantine/core/AppShellFooter";
exports.AppShellFooter = AppShellFooter;
//# sourceMappingURL=AppShellFooter.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,64 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var cx = require('clsx');
var reactRemoveScroll = require('react-remove-scroll');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var Box = require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var AppShell_context = require('../AppShell.context.cjs');
var AppShell_module = require('../AppShell.module.css.cjs');
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
var cx__default = /*#__PURE__*/_interopDefault(cx);
const AppShellHeader = factory.factory((_props, ref) => {
const {
classNames,
className,
style,
styles,
unstyled,
vars,
withBorder,
zIndex,
mod,
...others
} = useProps.useProps("AppShellHeader", null, _props);
const ctx = AppShell_context.useAppShellContext();
if (ctx.disabled) {
return null;
}
return /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
component: "header",
ref,
mod: [{ "with-border": withBorder ?? ctx.withBorder }, mod],
...ctx.getStyles("header", {
className: cx__default.default({ [reactRemoveScroll.RemoveScroll.classNames.zeroRight]: ctx.offsetScrollbars }, className),
classNames,
styles,
style
}),
...others,
__vars: { "--app-shell-header-z-index": (zIndex ?? ctx.zIndex)?.toString() }
}
);
});
AppShellHeader.classes = AppShell_module;
AppShellHeader.displayName = "@mantine/core/AppShellHeader";
exports.AppShellHeader = AppShellHeader;
//# sourceMappingURL=AppShellHeader.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,42 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('clsx');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var Box = require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var AppShell_context = require('../AppShell.context.cjs');
var AppShell_module = require('../AppShell.module.css.cjs');
const AppShellMain = factory.factory((_props, ref) => {
const { classNames, className, style, styles, vars, ...others } = useProps.useProps(
"AppShellMain",
null,
_props
);
const ctx = AppShell_context.useAppShellContext();
return /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
component: "main",
ref,
...ctx.getStyles("main", { className, style, classNames, styles }),
...others
}
);
});
AppShellMain.classes = AppShell_module;
AppShellMain.displayName = "@mantine/core/AppShellMain";
exports.AppShellMain = AppShellMain;
//# sourceMappingURL=AppShellMain.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"AppShellMain.cjs","sources":["../../../../src/components/AppShell/AppShellMain/AppShellMain.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n ElementProps,\n factory,\n Factory,\n useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellMainStylesNames = 'main';\n\nexport interface AppShellMainProps\n extends BoxProps,\n CompoundStylesApiProps<AppShellMainFactory>,\n ElementProps<'main'> {}\n\nexport type AppShellMainFactory = Factory<{\n props: AppShellMainProps;\n ref: HTMLElement;\n stylesNames: AppShellMainStylesNames;\n compound: true;\n}>;\n\nexport const AppShellMain = factory<AppShellMainFactory>((_props, ref) => {\n const { classNames, className, style, styles, vars, ...others } = useProps(\n 'AppShellMain',\n null,\n _props\n );\n\n const ctx = useAppShellContext();\n\n return (\n <Box\n component=\"main\"\n ref={ref}\n {...ctx.getStyles('main', { className, style, classNames, styles })}\n {...others}\n />\n );\n});\n\nAppShellMain.classes = classes;\nAppShellMain.displayName = '@mantine/core/AppShellMain';\n"],"names":["factory","useProps","useAppShellContext","jsx","Box","classes"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAeA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAA6B,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,GAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA;AACxE,CAAA,CAAA,MAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,GAAQ,IAAA,CAAA,CAAM,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,GAAO,GAAIC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAChE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACF,CAAA;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,IAAMC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA,CAAmB,CAAA;AAE/B,CAAA,CAAA,uBACEC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAACC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACV,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACC,GAAG,CAAA,CAAA,EAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,MAAA,CAAA,CAAQ,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,KAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQ,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACjE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACN,CAAA;AAEJ,CAAC,CAAA,CAAA;AAED,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAUC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAA;AACvB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;"}

View File

@@ -0,0 +1,50 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('clsx');
var Mantine_context = require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
var MantineThemeProvider = require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var InlineStyles = require('../../../core/InlineStyles/InlineStyles.cjs');
require('../../../core/Box/Box.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var getVariables = require('./get-variables/get-variables.cjs');
function AppShellMediaStyles({
navbar,
header,
aside,
footer,
padding,
mode,
selector
}) {
const theme = MantineThemeProvider.useMantineTheme();
const ctx = Mantine_context.useMantineContext();
const { media, baseStyles } = getVariables.getVariables({
navbar,
header,
footer,
aside,
padding,
theme,
mode
});
return /* @__PURE__ */ jsxRuntime.jsx(
InlineStyles.InlineStyles,
{
media,
styles: baseStyles,
selector: selector || ctx.cssVariablesSelector
}
);
}
exports.AppShellMediaStyles = AppShellMediaStyles;
//# sourceMappingURL=AppShellMediaStyles.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"AppShellMediaStyles.cjs","sources":["../../../../src/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.tsx"],"sourcesContent":["import { InlineStyles, useMantineContext, useMantineTheme } from '../../../core';\nimport type { AppShellProps } from '../AppShell';\nimport { getVariables } from './get-variables/get-variables';\n\ninterface AppShellMediaStylesProps {\n navbar: AppShellProps['navbar'] | undefined;\n header: AppShellProps['header'] | undefined;\n aside: AppShellProps['aside'] | undefined;\n footer: AppShellProps['footer'] | undefined;\n padding: AppShellProps['padding'] | undefined;\n mode: 'fixed' | 'static';\n selector?: string;\n}\n\nexport function AppShellMediaStyles({\n navbar,\n header,\n aside,\n footer,\n padding,\n mode,\n selector,\n}: AppShellMediaStylesProps) {\n const theme = useMantineTheme();\n const ctx = useMantineContext();\n const { media, baseStyles } = getVariables({\n navbar,\n header,\n footer,\n aside,\n padding,\n theme,\n mode,\n });\n return (\n <InlineStyles\n media={media}\n styles={baseStyles}\n selector={selector || ctx.cssVariablesSelector}\n />\n );\n}\n"],"names":["useMantineTheme","useMantineContext","getVariables","jsx","InlineStyles"],"mappings":"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"}

View File

@@ -0,0 +1,98 @@
'use client';
'use strict';
var keys = require('../../../../core/utils/keys/keys.cjs');
var rem = require('../../../../core/utils/units-converters/rem.cjs');
require('react');
require('react/jsx-runtime');
var getBreakpointValue = require('../../../../core/utils/get-breakpoint-value/get-breakpoint-value.cjs');
require('@mantine/hooks');
require('clsx');
require('../../../../core/MantineProvider/Mantine.context.cjs');
require('../../../../core/MantineProvider/default-theme.cjs');
require('../../../../core/MantineProvider/MantineProvider.cjs');
require('../../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../../../core/Box/Box.cjs');
require('../../../../core/DirectionProvider/DirectionProvider.cjs');
var getBaseSize = require('../get-base-size/get-base-size.cjs');
var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.cjs');
var isResponsiveSize = require('../is-responsive-size/is-responsive-size.cjs');
function assignAsideVariables({
baseStyles,
minMediaStyles,
maxMediaStyles,
aside,
theme,
mode
}) {
const asideWidth = aside?.width;
const collapsedAsideTransform = "translateX(var(--app-shell-aside-width))";
const collapsedAsideTransformRtl = "translateX(calc(var(--app-shell-aside-width) * -1))";
if (aside?.breakpoint && !aside?.collapsed?.mobile) {
maxMediaStyles[aside?.breakpoint] = maxMediaStyles[aside?.breakpoint] || {};
if (mode === "fixed") {
maxMediaStyles[aside?.breakpoint]["--app-shell-aside-width"] = "100%";
maxMediaStyles[aside?.breakpoint]["--app-shell-aside-offset"] = "0px";
} else {
maxMediaStyles[aside?.breakpoint]["--app-shell-aside-width"] = "0px";
maxMediaStyles[aside?.breakpoint]["--app-shell-aside-offset"] = "0px";
}
}
if (isPrimitiveSize.isPrimitiveSize(asideWidth)) {
const baseSize = rem.rem(getBaseSize.getBaseSize(asideWidth));
baseStyles["--app-shell-aside-width"] = baseSize;
baseStyles["--app-shell-aside-offset"] = baseSize;
}
if (isResponsiveSize.isResponsiveSize(asideWidth)) {
if (typeof asideWidth.base !== "undefined") {
baseStyles["--app-shell-aside-width"] = rem.rem(asideWidth.base);
baseStyles["--app-shell-aside-offset"] = rem.rem(asideWidth.base);
}
keys.keys(asideWidth).forEach((key) => {
if (key !== "base") {
minMediaStyles[key] = minMediaStyles[key] || {};
minMediaStyles[key]["--app-shell-aside-width"] = rem.rem(asideWidth[key]);
minMediaStyles[key]["--app-shell-aside-offset"] = rem.rem(asideWidth[key]);
}
});
}
if (aside?.breakpoint && mode === "static") {
minMediaStyles[aside.breakpoint] = minMediaStyles[aside.breakpoint] || {};
minMediaStyles[aside.breakpoint]["--app-shell-aside-position"] = "sticky";
minMediaStyles[aside.breakpoint]["--app-shell-aside-grid-row"] = "2";
minMediaStyles[aside.breakpoint]["--app-shell-aside-grid-column"] = "3";
minMediaStyles[aside.breakpoint]["--app-shell-main-column-end"] = "3";
}
if (aside?.collapsed?.desktop) {
const breakpointValue = aside.breakpoint;
minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] || {};
minMediaStyles[breakpointValue]["--app-shell-aside-transform"] = collapsedAsideTransform;
minMediaStyles[breakpointValue]["--app-shell-aside-transform-rtl"] = collapsedAsideTransformRtl;
if (mode === "fixed") {
minMediaStyles[breakpointValue]["--app-shell-aside-offset"] = "0px !important";
} else {
minMediaStyles[breakpointValue]["--app-shell-aside-width"] = "0px";
minMediaStyles[breakpointValue]["--app-shell-aside-display"] = "none";
minMediaStyles[breakpointValue]["--app-shell-main-column-end"] = "-1";
}
minMediaStyles[breakpointValue]["--app-shell-aside-scroll-locked-visibility"] = "hidden";
}
if (aside?.collapsed?.mobile) {
const breakpointValue = getBreakpointValue.getBreakpointValue(aside.breakpoint, theme.breakpoints) - 0.1;
maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] || {};
if (mode === "fixed") {
maxMediaStyles[breakpointValue]["--app-shell-aside-width"] = "100%";
maxMediaStyles[breakpointValue]["--app-shell-aside-offset"] = "0px";
} else {
maxMediaStyles[breakpointValue]["--app-shell-aside-width"] = "0px";
}
maxMediaStyles[breakpointValue]["--app-shell-aside-transform"] = collapsedAsideTransform;
maxMediaStyles[breakpointValue]["--app-shell-aside-transform-rtl"] = collapsedAsideTransformRtl;
maxMediaStyles[breakpointValue]["--app-shell-aside-scroll-locked-visibility"] = "hidden";
}
}
exports.assignAsideVariables = assignAsideVariables;
//# sourceMappingURL=assign-aside-variables.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,68 @@
'use client';
'use strict';
var keys = require('../../../../core/utils/keys/keys.cjs');
var rem = require('../../../../core/utils/units-converters/rem.cjs');
require('react');
require('react/jsx-runtime');
require('@mantine/hooks');
require('clsx');
require('../../../../core/MantineProvider/Mantine.context.cjs');
require('../../../../core/MantineProvider/default-theme.cjs');
require('../../../../core/MantineProvider/MantineProvider.cjs');
require('../../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../../../core/Box/Box.cjs');
require('../../../../core/DirectionProvider/DirectionProvider.cjs');
var getBaseSize = require('../get-base-size/get-base-size.cjs');
var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.cjs');
var isResponsiveSize = require('../is-responsive-size/is-responsive-size.cjs');
function assignFooterVariables({
baseStyles,
minMediaStyles,
footer,
mode
}) {
const footerHeight = footer?.height;
const collapsedFooterTransform = "translateY(var(--app-shell-footer-height))";
const shouldOffset = mode === "static" ? true : footer?.offset ?? true;
if (mode === "static" && footer) {
baseStyles["--app-shell-footer-position"] = "sticky";
baseStyles["--app-shell-footer-grid-column"] = "1 / -1";
baseStyles["--app-shell-footer-grid-row"] = "3";
}
if (isPrimitiveSize.isPrimitiveSize(footerHeight)) {
const baseSize = rem.rem(getBaseSize.getBaseSize(footerHeight));
baseStyles["--app-shell-footer-height"] = baseSize;
if (shouldOffset) {
baseStyles["--app-shell-footer-offset"] = baseSize;
}
}
if (isResponsiveSize.isResponsiveSize(footerHeight)) {
if (typeof footerHeight.base !== "undefined") {
baseStyles["--app-shell-footer-height"] = rem.rem(footerHeight.base);
if (shouldOffset) {
baseStyles["--app-shell-footer-offset"] = rem.rem(footerHeight.base);
}
}
keys.keys(footerHeight).forEach((key) => {
if (key !== "base") {
minMediaStyles[key] = minMediaStyles[key] || {};
minMediaStyles[key]["--app-shell-footer-height"] = rem.rem(footerHeight[key]);
if (shouldOffset) {
minMediaStyles[key]["--app-shell-footer-offset"] = rem.rem(footerHeight[key]);
}
}
});
}
if (footer?.collapsed) {
baseStyles["--app-shell-footer-transform"] = collapsedFooterTransform;
if (mode === "fixed") {
baseStyles["--app-shell-footer-offset"] = "0px !important";
}
}
}
exports.assignFooterVariables = assignFooterVariables;
//# sourceMappingURL=assign-footer-variables.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,68 @@
'use client';
'use strict';
var keys = require('../../../../core/utils/keys/keys.cjs');
var rem = require('../../../../core/utils/units-converters/rem.cjs');
require('react');
require('react/jsx-runtime');
require('@mantine/hooks');
require('clsx');
require('../../../../core/MantineProvider/Mantine.context.cjs');
require('../../../../core/MantineProvider/default-theme.cjs');
require('../../../../core/MantineProvider/MantineProvider.cjs');
require('../../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../../../core/Box/Box.cjs');
require('../../../../core/DirectionProvider/DirectionProvider.cjs');
var getBaseSize = require('../get-base-size/get-base-size.cjs');
var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.cjs');
var isResponsiveSize = require('../is-responsive-size/is-responsive-size.cjs');
function assignHeaderVariables({
baseStyles,
minMediaStyles,
header,
mode
}) {
const headerHeight = header?.height;
const collapsedHeaderTransform = "translateY(calc(var(--app-shell-header-height) * -1))";
const shouldOffset = mode === "static" ? true : header?.offset ?? true;
if (mode === "static" && header) {
baseStyles["--app-shell-header-position"] = "sticky";
baseStyles["--app-shell-header-grid-column"] = "1 / -1";
baseStyles["--app-shell-header-grid-row"] = "1";
}
if (isPrimitiveSize.isPrimitiveSize(headerHeight)) {
const baseSize = rem.rem(getBaseSize.getBaseSize(headerHeight));
baseStyles["--app-shell-header-height"] = baseSize;
if (shouldOffset) {
baseStyles["--app-shell-header-offset"] = baseSize;
}
}
if (isResponsiveSize.isResponsiveSize(headerHeight)) {
if (typeof headerHeight.base !== "undefined") {
baseStyles["--app-shell-header-height"] = rem.rem(headerHeight.base);
if (shouldOffset) {
baseStyles["--app-shell-header-offset"] = rem.rem(headerHeight.base);
}
}
keys.keys(headerHeight).forEach((key) => {
if (key !== "base") {
minMediaStyles[key] = minMediaStyles[key] || {};
minMediaStyles[key]["--app-shell-header-height"] = rem.rem(headerHeight[key]);
if (shouldOffset) {
minMediaStyles[key]["--app-shell-header-offset"] = rem.rem(headerHeight[key]);
}
}
});
}
if (header?.collapsed) {
baseStyles["--app-shell-header-transform"] = collapsedHeaderTransform;
if (mode === "fixed") {
baseStyles["--app-shell-header-offset"] = "0px !important";
}
}
}
exports.assignHeaderVariables = assignHeaderVariables;
//# sourceMappingURL=assign-header-variables.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,102 @@
'use client';
'use strict';
var keys = require('../../../../core/utils/keys/keys.cjs');
var rem = require('../../../../core/utils/units-converters/rem.cjs');
require('react');
require('react/jsx-runtime');
var getBreakpointValue = require('../../../../core/utils/get-breakpoint-value/get-breakpoint-value.cjs');
require('@mantine/hooks');
require('clsx');
require('../../../../core/MantineProvider/Mantine.context.cjs');
require('../../../../core/MantineProvider/default-theme.cjs');
require('../../../../core/MantineProvider/MantineProvider.cjs');
require('../../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../../../core/Box/Box.cjs');
require('../../../../core/DirectionProvider/DirectionProvider.cjs');
var getBaseSize = require('../get-base-size/get-base-size.cjs');
var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.cjs');
var isResponsiveSize = require('../is-responsive-size/is-responsive-size.cjs');
function assignNavbarVariables({
baseStyles,
minMediaStyles,
maxMediaStyles,
navbar,
theme,
mode
}) {
const navbarWidth = navbar?.width;
const collapsedNavbarTransform = "translateX(calc(var(--app-shell-navbar-width) * -1))";
const collapsedNavbarTransformRtl = "translateX(var(--app-shell-navbar-width))";
if (navbar?.breakpoint && !navbar?.collapsed?.mobile) {
maxMediaStyles[navbar?.breakpoint] = maxMediaStyles[navbar?.breakpoint] || {};
maxMediaStyles[navbar?.breakpoint]["--app-shell-navbar-offset"] = "0px";
maxMediaStyles[navbar?.breakpoint]["--app-shell-navbar-width"] = "100%";
if (mode === "static") {
maxMediaStyles[navbar?.breakpoint]["--app-shell-navbar-grid-width"] = "0px";
}
}
if (isPrimitiveSize.isPrimitiveSize(navbarWidth)) {
const baseSize = rem.rem(getBaseSize.getBaseSize(navbarWidth));
baseStyles["--app-shell-navbar-width"] = baseSize;
baseStyles["--app-shell-navbar-offset"] = baseSize;
if (mode === "static") {
baseStyles["--app-shell-navbar-grid-width"] = baseSize;
}
}
if (isResponsiveSize.isResponsiveSize(navbarWidth)) {
if (typeof navbarWidth.base !== "undefined") {
baseStyles["--app-shell-navbar-width"] = rem.rem(navbarWidth.base);
baseStyles["--app-shell-navbar-offset"] = rem.rem(navbarWidth.base);
if (mode === "static") {
baseStyles["--app-shell-navbar-grid-width"] = rem.rem(navbarWidth.base);
}
}
keys.keys(navbarWidth).forEach((key) => {
if (key !== "base") {
minMediaStyles[key] = minMediaStyles[key] || {};
minMediaStyles[key]["--app-shell-navbar-width"] = rem.rem(navbarWidth[key]);
minMediaStyles[key]["--app-shell-navbar-offset"] = rem.rem(navbarWidth[key]);
if (mode === "static") {
minMediaStyles[key]["--app-shell-navbar-grid-width"] = rem.rem(navbarWidth[key]);
}
}
});
}
if (navbar?.breakpoint && mode === "static") {
minMediaStyles[navbar.breakpoint] = minMediaStyles[navbar.breakpoint] || {};
minMediaStyles[navbar.breakpoint]["--app-shell-navbar-position"] = "sticky";
minMediaStyles[navbar.breakpoint]["--app-shell-navbar-grid-row"] = "2";
minMediaStyles[navbar.breakpoint]["--app-shell-navbar-grid-column"] = "1";
minMediaStyles[navbar.breakpoint]["--app-shell-main-column-start"] = "2";
}
if (navbar?.collapsed?.desktop) {
const breakpointValue = navbar.breakpoint;
minMediaStyles[breakpointValue] = minMediaStyles[breakpointValue] || {};
minMediaStyles[breakpointValue]["--app-shell-navbar-transform"] = collapsedNavbarTransform;
minMediaStyles[breakpointValue]["--app-shell-navbar-transform-rtl"] = collapsedNavbarTransformRtl;
if (mode === "fixed") {
minMediaStyles[breakpointValue]["--app-shell-navbar-offset"] = "0px !important";
} else {
minMediaStyles[breakpointValue]["--app-shell-navbar-width"] = "0px";
minMediaStyles[breakpointValue]["--app-shell-navbar-display"] = "none";
minMediaStyles[breakpointValue]["--app-shell-main-column-start"] = "1";
}
}
if (navbar?.collapsed?.mobile) {
const breakpointValue = getBreakpointValue.getBreakpointValue(navbar.breakpoint, theme.breakpoints) - 0.1;
maxMediaStyles[breakpointValue] = maxMediaStyles[breakpointValue] || {};
maxMediaStyles[breakpointValue]["--app-shell-navbar-width"] = "100%";
maxMediaStyles[breakpointValue]["--app-shell-navbar-offset"] = "0px";
if (mode === "static") {
maxMediaStyles[breakpointValue]["--app-shell-navbar-grid-width"] = "0px";
}
maxMediaStyles[breakpointValue]["--app-shell-navbar-transform"] = collapsedNavbarTransform;
maxMediaStyles[breakpointValue]["--app-shell-navbar-transform-rtl"] = collapsedNavbarTransformRtl;
}
}
exports.assignNavbarVariables = assignNavbarVariables;
//# sourceMappingURL=assign-navbar-variables.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,44 @@
'use client';
'use strict';
var keys = require('../../../../core/utils/keys/keys.cjs');
require('../../../../core/utils/units-converters/rem.cjs');
require('react');
require('react/jsx-runtime');
require('@mantine/hooks');
require('clsx');
require('../../../../core/MantineProvider/Mantine.context.cjs');
require('../../../../core/MantineProvider/default-theme.cjs');
require('../../../../core/MantineProvider/MantineProvider.cjs');
require('../../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../../../core/Box/Box.cjs');
require('../../../../core/DirectionProvider/DirectionProvider.cjs');
var getBaseSize = require('../get-base-size/get-base-size.cjs');
var getPaddingValue = require('../get-padding-value/get-padding-value.cjs');
var isPrimitiveSize = require('../is-primitive-size/is-primitive-size.cjs');
var isResponsiveSize = require('../is-responsive-size/is-responsive-size.cjs');
function assignPaddingVariables({
padding,
baseStyles,
minMediaStyles
}) {
if (isPrimitiveSize.isPrimitiveSize(padding)) {
baseStyles["--app-shell-padding"] = getPaddingValue.getPaddingValue(getBaseSize.getBaseSize(padding));
}
if (isResponsiveSize.isResponsiveSize(padding)) {
if (padding.base) {
baseStyles["--app-shell-padding"] = getPaddingValue.getPaddingValue(padding.base);
}
keys.keys(padding).forEach((key) => {
if (key !== "base") {
minMediaStyles[key] = minMediaStyles[key] || {};
minMediaStyles[key]["--app-shell-padding"] = getPaddingValue.getPaddingValue(padding[key]);
}
});
}
}
exports.assignPaddingVariables = assignPaddingVariables;
//# sourceMappingURL=assign-padding-variables.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"assign-padding-variables.cjs","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.ts"],"sourcesContent":["import { keys } from '../../../../core';\nimport type { AppShellProps } from '../../AppShell';\nimport { getBaseSize } from '../get-base-size/get-base-size';\nimport { getPaddingValue } from '../get-padding-value/get-padding-value';\nimport type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';\nimport { isPrimitiveSize } from '../is-primitive-size/is-primitive-size';\nimport { isResponsiveSize } from '../is-responsive-size/is-responsive-size';\n\ninterface AssignPaddingVariablesInput {\n baseStyles: CSSVariables;\n minMediaStyles: MediaQueryVariables;\n padding: AppShellProps['padding'] | undefined;\n}\n\nexport function assignPaddingVariables({\n padding,\n baseStyles,\n minMediaStyles,\n}: AssignPaddingVariablesInput) {\n if (isPrimitiveSize(padding)) {\n baseStyles['--app-shell-padding'] = getPaddingValue(getBaseSize(padding));\n }\n\n if (isResponsiveSize(padding)) {\n if (padding.base) {\n baseStyles['--app-shell-padding'] = getPaddingValue(padding.base);\n }\n\n keys(padding).forEach((key) => {\n if (key !== 'base') {\n minMediaStyles[key] = minMediaStyles[key] || {};\n minMediaStyles[key]['--app-shell-padding'] = getPaddingValue(padding![key]);\n }\n });\n }\n}\n"],"names":["isPrimitiveSize","getPaddingValue","getBaseSize","isResponsiveSize","keys"],"mappings":"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"}

View File

@@ -0,0 +1,12 @@
'use client';
'use strict';
function getBaseSize(size) {
if (typeof size === "object") {
return size.base;
}
return size;
}
exports.getBaseSize = getBaseSize;
//# sourceMappingURL=get-base-size.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"get-base-size.cjs","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.ts"],"sourcesContent":["import type { AppShellResponsiveSize, AppShellSize } from '../../AppShell.types';\n\nexport function getBaseSize(size: AppShellSize | AppShellResponsiveSize) {\n if (typeof size === 'object') {\n return size.base;\n }\n\n return size;\n}\n"],"names":[],"mappings":";;;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAA6C,CAAA;AACvE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,MAAS,QAAA,CAAA,CAAU,CAAA;AAC5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACd,CAAA;AAEA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA;;"}

View File

@@ -0,0 +1,23 @@
'use client';
'use strict';
require('../../../../core/utils/units-converters/rem.cjs');
require('react');
require('react/jsx-runtime');
var getSize = require('../../../../core/utils/get-size/get-size.cjs');
require('@mantine/hooks');
require('clsx');
require('../../../../core/MantineProvider/Mantine.context.cjs');
require('../../../../core/MantineProvider/default-theme.cjs');
require('../../../../core/MantineProvider/MantineProvider.cjs');
require('../../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../../../core/Box/Box.cjs');
require('../../../../core/DirectionProvider/DirectionProvider.cjs');
function getPaddingValue(padding) {
return Number(padding) === 0 ? "0px" : getSize.getSpacing(padding);
}
exports.getPaddingValue = getPaddingValue;
//# sourceMappingURL=get-padding-value.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"get-padding-value.cjs","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.ts"],"sourcesContent":["import { getSpacing } from '../../../../core';\n\nexport function getPaddingValue(padding: string | number | undefined) {\n return Number(padding) === 0 ? '0px' : getSpacing(padding);\n}\n"],"names":["getSpacing"],"mappings":";;;;;;;;;;;;;;;;;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAgB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsC,CAAA;AACpE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAAW,OAAO,CAAA,CAAA;AAC3D,CAAA;;"}

View File

@@ -0,0 +1,76 @@
'use client';
'use strict';
var keys = require('../../../../core/utils/keys/keys.cjs');
var rem = require('../../../../core/utils/units-converters/rem.cjs');
require('react');
require('react/jsx-runtime');
var getSortedBreakpoints = require('../../../../core/utils/get-sorted-breakpoints/get-sorted-breakpoints.cjs');
require('@mantine/hooks');
require('clsx');
require('../../../../core/MantineProvider/Mantine.context.cjs');
require('../../../../core/MantineProvider/default-theme.cjs');
require('../../../../core/MantineProvider/MantineProvider.cjs');
require('../../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
require('../../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../../../core/Box/Box.cjs');
require('../../../../core/DirectionProvider/DirectionProvider.cjs');
var assignAsideVariables = require('../assign-aside-variables/assign-aside-variables.cjs');
var assignFooterVariables = require('../assign-footer-variables/assign-footer-variables.cjs');
var assignHeaderVariables = require('../assign-header-variables/assign-header-variables.cjs');
var assignNavbarVariables = require('../assign-navbar-variables/assign-navbar-variables.cjs');
var assignPaddingVariables = require('../assign-padding-variables/assign-padding-variables.cjs');
function getVariables({
navbar,
header,
footer,
aside,
padding,
theme,
mode
}) {
const minMediaStyles = {};
const maxMediaStyles = {};
const baseStyles = {};
if (mode === "static") {
baseStyles["--app-shell-main-grid-column"] = "1 / -1";
baseStyles["--app-shell-main-grid-row"] = "2";
}
assignNavbarVariables.assignNavbarVariables({
baseStyles,
minMediaStyles,
maxMediaStyles,
navbar,
theme,
mode
});
assignAsideVariables.assignAsideVariables({
baseStyles,
minMediaStyles,
maxMediaStyles,
aside,
theme,
mode
});
assignHeaderVariables.assignHeaderVariables({ baseStyles, minMediaStyles, header, mode });
assignFooterVariables.assignFooterVariables({ baseStyles, minMediaStyles, footer, mode });
assignPaddingVariables.assignPaddingVariables({ baseStyles, minMediaStyles, padding });
const minMedia = getSortedBreakpoints.getSortedBreakpoints(keys.keys(minMediaStyles), theme.breakpoints).map(
(breakpoint) => ({
query: `(min-width: ${rem.em(breakpoint.px)})`,
styles: minMediaStyles[breakpoint.value]
})
);
const maxMedia = getSortedBreakpoints.getSortedBreakpoints(keys.keys(maxMediaStyles), theme.breakpoints).map(
(breakpoint) => ({
query: `(max-width: ${rem.em(breakpoint.px)})`,
styles: maxMediaStyles[breakpoint.value]
})
);
const media = [...minMedia, ...maxMedia];
return { baseStyles, media };
}
exports.getVariables = getVariables;
//# sourceMappingURL=get-variables.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,10 @@
'use client';
'use strict';
function isPrimitiveSize(size) {
const isBaseSize = typeof size === "object" && size !== null && typeof size.base !== "undefined" && Object.keys(size).length === 1;
return typeof size === "number" || typeof size === "string" || isBaseSize;
}
exports.isPrimitiveSize = isPrimitiveSize;
//# sourceMappingURL=is-primitive-size.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"is-primitive-size.cjs","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.ts"],"sourcesContent":["import type { AppShellResponsiveSize, AppShellSize } from '../../AppShell.types';\n\nexport function isPrimitiveSize(\n size: AppShellSize | AppShellResponsiveSize | undefined\n): size is AppShellSize | AppShellResponsiveSize {\n const isBaseSize =\n typeof size === 'object' &&\n size !== null &&\n typeof size.base !== 'undefined' &&\n Object.keys(size).length === 1;\n return typeof size === 'number' || typeof size === 'string' || isBaseSize;\n}\n"],"names":[],"mappings":";;;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAC+C,CAAA;AAC/C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAChB,CAAA,CAAA,CAAA,MAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACrB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAI,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAA;AAC/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA,CAAA,CAAA,MAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACjE,CAAA;;"}

View File

@@ -0,0 +1,15 @@
'use client';
'use strict';
function isResponsiveSize(size) {
if (typeof size !== "object" || size === null) {
return false;
}
if (Object.keys(size).length === 1 && "base" in size) {
return false;
}
return true;
}
exports.isResponsiveSize = isResponsiveSize;
//# sourceMappingURL=is-responsive-size.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"is-responsive-size.cjs","sources":["../../../../../src/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.ts"],"sourcesContent":["import type { AppShellResponsiveSize, AppShellSize } from '../../AppShell.types';\n\nexport function isResponsiveSize(\n size: AppShellSize | AppShellResponsiveSize | undefined\n): size is AppShellResponsiveSize {\n if (typeof size !== 'object' || size === null) {\n return false;\n }\n\n if (Object.keys(size as object).length === 1 && 'base' in (size as object)) {\n return false;\n }\n\n return true;\n}\n"],"names":[],"mappings":";;;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EACd,CAAA,CAAA,CAAA,CAAA,CAAA,CACgC,CAAA;AAChC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,QAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AAC7C,CAAA,CAAA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACT,CAAA;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,EAAO,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAc,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAW,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,KAAW,IAAA,CAAA,CAAiB,CAAA;AAC1E,CAAA,CAAA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CACT,CAAA;AAEA,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA;;"}

View File

@@ -0,0 +1,54 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('clsx');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var Box = require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var AppShell_context = require('../AppShell.context.cjs');
var AppShell_module = require('../AppShell.module.css.cjs');
const AppShellNavbar = factory.factory((_props, ref) => {
const {
classNames,
className,
style,
styles,
unstyled,
vars,
withBorder,
zIndex,
mod,
...others
} = useProps.useProps("AppShellNavbar", null, _props);
const ctx = AppShell_context.useAppShellContext();
if (ctx.disabled) {
return null;
}
return /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
component: "nav",
ref,
mod: [{ "with-border": withBorder ?? ctx.withBorder }, mod],
...ctx.getStyles("navbar", { className, classNames, styles, style }),
...others,
__vars: { "--app-shell-navbar-z-index": `calc(${zIndex ?? ctx.zIndex} + 1)` }
}
);
});
AppShellNavbar.classes = AppShell_module;
AppShellNavbar.displayName = "@mantine/core/AppShellNavbar";
exports.AppShellNavbar = AppShellNavbar;
//# sourceMappingURL=AppShellNavbar.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,42 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
require('clsx');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var Box = require('../../../core/Box/Box.cjs');
var polymorphicFactory = require('../../../core/factory/polymorphic-factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var AppShell_context = require('../AppShell.context.cjs');
var AppShell_module = require('../AppShell.module.css.cjs');
const AppShellSection = polymorphicFactory.polymorphicFactory((_props, ref) => {
const { classNames, className, style, styles, vars, grow, mod, ...others } = useProps.useProps(
"AppShellSection",
null,
_props
);
const ctx = AppShell_context.useAppShellContext();
return /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
ref,
mod: [{ grow }, mod],
...ctx.getStyles("section", { className, style, classNames, styles }),
...others
}
);
});
AppShellSection.classes = AppShell_module;
AppShellSection.displayName = "@mantine/core/AppShellSection";
exports.AppShellSection = AppShellSection;
//# sourceMappingURL=AppShellSection.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"AppShellSection.cjs","sources":["../../../../src/components/AppShell/AppShellSection/AppShellSection.tsx"],"sourcesContent":["import {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n polymorphicFactory,\n PolymorphicFactory,\n useProps,\n} from '../../../core';\nimport { useAppShellContext } from '../AppShell.context';\nimport classes from '../AppShell.module.css';\n\nexport type AppShellSectionStylesNames = 'section';\n\nexport interface AppShellSectionProps\n extends BoxProps,\n CompoundStylesApiProps<AppShellSectionFactory> {\n /** If set, the section expands to take all available space */\n grow?: boolean;\n}\n\nexport type AppShellSectionFactory = PolymorphicFactory<{\n props: AppShellSectionProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: AppShellSectionStylesNames;\n compound: true;\n}>;\n\nexport const AppShellSection = polymorphicFactory<AppShellSectionFactory>((_props, ref) => {\n const { classNames, className, style, styles, vars, grow, mod, ...others } = useProps(\n 'AppShellSection',\n null,\n _props\n );\n\n const ctx = useAppShellContext();\n\n return (\n <Box\n ref={ref}\n mod={[{ grow }, mod]}\n {...ctx.getStyles('section', { className, style, classNames, styles })}\n {...others}\n />\n );\n});\n\nAppShellSection.classes = classes;\nAppShellSection.displayName = '@mantine/core/AppShellSection';\n"],"names":["polymorphicFactory","useProps","useAppShellContext","jsx","Box","classes"],"mappings":"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"}

View File

@@ -0,0 +1,35 @@
'use client';
'use strict';
var React = require('react');
var hooks = require('@mantine/hooks');
function useResizing({ transitionDuration, disabled }) {
const [resizing, setResizing] = React.useState(true);
const resizingTimeout = React.useRef(-1);
const disabledTimeout = React.useRef(-1);
hooks.useWindowEvent("resize", () => {
setResizing(true);
clearTimeout(resizingTimeout.current);
resizingTimeout.current = window.setTimeout(
() => React.startTransition(() => {
setResizing(false);
}),
200
);
});
hooks.useIsomorphicEffect(() => {
setResizing(true);
clearTimeout(disabledTimeout.current);
disabledTimeout.current = window.setTimeout(
() => React.startTransition(() => {
setResizing(false);
}),
transitionDuration || 0
);
}, [disabled, transitionDuration]);
return resizing;
}
exports.useResizing = useResizing;
//# sourceMappingURL=use-resizing.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"use-resizing.cjs","sources":["../../../../src/components/AppShell/use-resizing/use-resizing.tsx"],"sourcesContent":["import { startTransition, useRef, useState } from 'react';\nimport { useIsomorphicEffect, useWindowEvent } from '@mantine/hooks';\n\ninterface UseResizingInput {\n transitionDuration: number | undefined;\n disabled: boolean | undefined;\n}\n\nexport function useResizing({ transitionDuration, disabled }: UseResizingInput) {\n const [resizing, setResizing] = useState(true);\n const resizingTimeout = useRef<number>(-1);\n const disabledTimeout = useRef<number>(-1);\n\n useWindowEvent('resize', () => {\n setResizing(true);\n clearTimeout(resizingTimeout.current);\n resizingTimeout.current = window.setTimeout(\n () =>\n startTransition(() => {\n setResizing(false);\n }),\n 200\n );\n });\n\n useIsomorphicEffect(() => {\n setResizing(true);\n clearTimeout(disabledTimeout.current);\n disabledTimeout.current = window.setTimeout(\n () =>\n startTransition(() => {\n setResizing(false);\n }),\n transitionDuration || 0\n );\n }, [disabled, transitionDuration]);\n\n return resizing;\n}\n"],"names":["useState","useRef","useWindowEvent","startTransition","useIsomorphicEffect"],"mappings":"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"}

View File

@@ -0,0 +1,49 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../core/utils/units-converters/rem.cjs');
require('react');
require('@mantine/hooks');
var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../core/Box/Box.cjs');
var factory = require('../../core/factory/factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
var AspectRatio_module = require('./AspectRatio.module.css.cjs');
const varsResolver = createVarsResolver.createVarsResolver((_, { ratio }) => ({
root: {
"--ar-ratio": ratio?.toString()
}
}));
const AspectRatio = factory.factory((_props, ref) => {
const props = useProps.useProps("AspectRatio", null, _props);
const { classNames, className, style, styles, unstyled, vars, ratio, attributes, ...others } = props;
const getStyles = useStyles.useStyles({
name: "AspectRatio",
classes: AspectRatio_module,
props,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver
});
return /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, ...getStyles("root"), ...others });
});
AspectRatio.classes = AspectRatio_module;
AspectRatio.displayName = "@mantine/core/AspectRatio";
exports.AspectRatio = AspectRatio;
//# sourceMappingURL=AspectRatio.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,7 @@
'use client';
'use strict';
var classes = {"root":"m_71ac47fc"};
module.exports = classes;
//# sourceMappingURL=AspectRatio.module.css.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"AspectRatio.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

View File

@@ -0,0 +1,217 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var React = require('react');
var hooks = require('@mantine/hooks');
require('../../core/utils/units-converters/rem.cjs');
require('clsx');
var useResolvedStylesApi = require('../../core/styles-api/use-resolved-styles-api/use-resolved-styles-api.cjs');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
require('../../core/Box/Box.cjs');
var factory = require('../../core/factory/factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
var getParsedComboboxData = require('../Combobox/get-parsed-combobox-data/get-parsed-combobox-data.cjs');
var getOptionsLockup = require('../Combobox/get-options-lockup/get-options-lockup.cjs');
require('../Combobox/ComboboxChevron/ComboboxChevron.cjs');
var Combobox = require('../Combobox/Combobox.cjs');
require('../Combobox/ComboboxDropdown/ComboboxDropdown.cjs');
require('../Combobox/ComboboxOptions/ComboboxOptions.cjs');
require('../Combobox/ComboboxOption/ComboboxOption.cjs');
require('../Combobox/ComboboxTarget/ComboboxTarget.cjs');
require('../Combobox/ComboboxSearch/ComboboxSearch.cjs');
require('../Combobox/ComboboxEmpty/ComboboxEmpty.cjs');
require('../Combobox/ComboboxFooter/ComboboxFooter.cjs');
require('../Combobox/ComboboxHeader/ComboboxHeader.cjs');
require('../Combobox/ComboboxEventsTarget/ComboboxEventsTarget.cjs');
require('../Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.cjs');
require('../Combobox/ComboboxGroup/ComboboxGroup.cjs');
require('../Combobox/ComboboxClearButton/ComboboxClearButton.cjs');
require('../Combobox/ComboboxHiddenInput/ComboboxHiddenInput.cjs');
var OptionsDropdown = require('../Combobox/OptionsDropdown/OptionsDropdown.cjs');
var useCombobox = require('../Combobox/use-combobox/use-combobox.cjs');
require('../Combobox/Combobox.context.cjs');
var InputBase = require('../InputBase/InputBase.cjs');
const Autocomplete = factory.factory((_props, ref) => {
const props = useProps.useProps("Autocomplete", null, _props);
const {
classNames,
styles,
unstyled,
vars,
dropdownOpened,
defaultDropdownOpened,
onDropdownClose,
onDropdownOpen,
onFocus,
onBlur,
onClick,
onChange,
data,
value,
defaultValue,
selectFirstOptionOnChange,
selectFirstOptionOnDropdownOpen,
onOptionSubmit,
comboboxProps,
readOnly,
disabled,
filter,
limit,
withScrollArea,
maxDropdownHeight,
size,
id,
renderOption,
autoComplete,
scrollAreaProps,
onClear,
clearButtonProps,
error,
clearable,
rightSection,
autoSelectOnBlur,
openOnFocus = true,
attributes,
...others
} = props;
const _id = hooks.useId(id);
const parsedData = getParsedComboboxData.getParsedComboboxData(data);
const optionsLockup = getOptionsLockup.getOptionsLockup(parsedData);
const [_value, setValue] = hooks.useUncontrolled({
value,
defaultValue,
finalValue: "",
onChange
});
const combobox = useCombobox.useCombobox({
opened: dropdownOpened,
defaultOpened: defaultDropdownOpened,
onDropdownOpen: () => {
onDropdownOpen?.();
if (selectFirstOptionOnDropdownOpen) {
combobox.selectFirstOption();
}
},
onDropdownClose: () => {
onDropdownClose?.();
setTimeout(combobox.resetSelectedOption, 0);
}
});
const handleValueChange = (value2) => {
setValue(value2);
combobox.resetSelectedOption();
};
const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi.useResolvedStylesApi({
props,
styles,
classNames
});
React.useEffect(() => {
if (selectFirstOptionOnChange) {
combobox.selectFirstOption();
}
}, [selectFirstOptionOnChange, _value]);
const clearButton = /* @__PURE__ */ jsxRuntime.jsx(
Combobox.Combobox.ClearButton,
{
...clearButtonProps,
onClear: () => {
handleValueChange("");
onClear?.();
}
}
);
return /* @__PURE__ */ jsxRuntime.jsxs(
Combobox.Combobox,
{
store: combobox,
__staticSelector: "Autocomplete",
classNames: resolvedClassNames,
styles: resolvedStyles,
unstyled,
readOnly,
size,
attributes,
keepMounted: autoSelectOnBlur,
onOptionSubmit: (val) => {
onOptionSubmit?.(val);
handleValueChange(optionsLockup[val].label);
combobox.closeDropdown();
},
...comboboxProps,
children: [
/* @__PURE__ */ jsxRuntime.jsx(Combobox.Combobox.Target, { autoComplete, children: /* @__PURE__ */ jsxRuntime.jsx(
InputBase.InputBase,
{
ref,
...others,
size,
__staticSelector: "Autocomplete",
__clearSection: clearButton,
__clearable: clearable && !!_value && !disabled && !readOnly,
rightSection,
disabled,
readOnly,
value: _value,
error,
onChange: (event) => {
handleValueChange(event.currentTarget.value);
combobox.openDropdown();
selectFirstOptionOnChange && combobox.selectFirstOption();
},
onFocus: (event) => {
openOnFocus && combobox.openDropdown();
onFocus?.(event);
},
onBlur: (event) => {
if (autoSelectOnBlur) {
combobox.clickSelectedOption();
}
combobox.closeDropdown();
onBlur?.(event);
},
onClick: (event) => {
combobox.openDropdown();
onClick?.(event);
},
classNames: resolvedClassNames,
styles: resolvedStyles,
unstyled,
attributes,
id: _id
}
) }),
/* @__PURE__ */ jsxRuntime.jsx(
OptionsDropdown.OptionsDropdown,
{
data: parsedData,
hidden: readOnly || disabled,
filter,
search: _value,
limit,
hiddenWhenEmpty: true,
withScrollArea,
maxDropdownHeight,
unstyled,
labelId: others.label ? `${_id}-label` : void 0,
"aria-label": others.label ? void 0 : others["aria-label"],
renderOption,
scrollAreaProps
}
)
]
}
);
});
Autocomplete.classes = { ...InputBase.InputBase.classes, ...Combobox.Combobox.classes };
Autocomplete.displayName = "@mantine/core/Autocomplete";
exports.Autocomplete = Autocomplete;
//# sourceMappingURL=Autocomplete.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,116 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
var React = require('react');
require('../../core/utils/units-converters/rem.cjs');
var getSize = require('../../core/utils/get-size/get-size.cjs');
require('@mantine/hooks');
var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../core/MantineProvider/Mantine.context.cjs');
require('../../core/MantineProvider/default-theme.cjs');
require('../../core/MantineProvider/MantineProvider.cjs');
require('../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../core/MantineProvider/use-props/use-props.cjs');
require('../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../core/Box/Box.cjs');
var polymorphicFactory = require('../../core/factory/polymorphic-factory.cjs');
require('../../core/DirectionProvider/DirectionProvider.cjs');
var Avatar_module = require('./Avatar.module.css.cjs');
var AvatarGroup = require('./AvatarGroup/AvatarGroup.cjs');
var AvatarGroup_context = require('./AvatarGroup/AvatarGroup.context.cjs');
var AvatarPlaceholderIcon = require('./AvatarPlaceholderIcon.cjs');
var getInitialsColor = require('./get-initials-color/get-initials-color.cjs');
var getInitials = require('./get-initials/get-initials.cjs');
const varsResolver = createVarsResolver.createVarsResolver(
(theme, { size, radius, variant, gradient, color, autoContrast, name, allowedInitialsColors }) => {
const _color = color === "initials" && typeof name === "string" ? getInitialsColor.getInitialsColor(name, allowedInitialsColors) : color;
const colors = theme.variantColorResolver({
color: _color || "gray",
theme,
gradient,
variant: variant || "light",
autoContrast
});
return {
root: {
"--avatar-size": getSize.getSize(size, "avatar-size"),
"--avatar-radius": radius === void 0 ? void 0 : getSize.getRadius(radius),
"--avatar-bg": _color || variant ? colors.background : void 0,
"--avatar-color": _color || variant ? colors.color : void 0,
"--avatar-bd": _color || variant ? colors.border : void 0
}
};
}
);
const Avatar = polymorphicFactory.polymorphicFactory((_props, ref) => {
const props = useProps.useProps("Avatar", null, _props);
const {
classNames,
className,
style,
styles,
unstyled,
vars,
src,
alt,
radius,
color,
gradient,
imageProps,
children,
autoContrast,
mod,
name,
allowedInitialsColors,
attributes,
...others
} = props;
const ctx = AvatarGroup_context.useAvatarGroupContext();
const [error, setError] = React.useState(!src);
const getStyles = useStyles.useStyles({
name: "Avatar",
props,
classes: Avatar_module,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver
});
React.useEffect(() => setError(!src), [src]);
return /* @__PURE__ */ jsxRuntime.jsx(
Box.Box,
{
...getStyles("root"),
mod: [{ "within-group": ctx.withinGroup }, mod],
ref,
...others,
children: error || !src ? /* @__PURE__ */ jsxRuntime.jsx("span", { ...getStyles("placeholder"), title: alt, children: children || typeof name === "string" && getInitials.getInitials(name) || /* @__PURE__ */ jsxRuntime.jsx(AvatarPlaceholderIcon.AvatarPlaceholderIcon, {}) }) : /* @__PURE__ */ jsxRuntime.jsx(
"img",
{
...imageProps,
...getStyles("image"),
src,
alt,
onError: (event) => {
setError(true);
imageProps?.onError?.(event);
}
}
)
}
);
});
Avatar.classes = Avatar_module;
Avatar.displayName = "@mantine/core/Avatar";
Avatar.Group = AvatarGroup.AvatarGroup;
exports.Avatar = Avatar;
//# sourceMappingURL=Avatar.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,7 @@
'use client';
'use strict';
var classes = {"group":"m_11def92b","root":"m_f85678b6","image":"m_11f8ac07","placeholder":"m_104cd71f"};
module.exports = classes;
//# sourceMappingURL=Avatar.module.css.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"Avatar.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

View File

@@ -0,0 +1,52 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
require('../../../core/utils/units-converters/rem.cjs');
require('react');
var getSize = require('../../../core/utils/get-size/get-size.cjs');
require('@mantine/hooks');
var createVarsResolver = require('../../../core/styles-api/create-vars-resolver/create-vars-resolver.cjs');
require('clsx');
require('../../../core/MantineProvider/Mantine.context.cjs');
require('../../../core/MantineProvider/default-theme.cjs');
require('../../../core/MantineProvider/MantineProvider.cjs');
require('../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var useProps = require('../../../core/MantineProvider/use-props/use-props.cjs');
require('../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.cjs');
var useStyles = require('../../../core/styles-api/use-styles/use-styles.cjs');
var Box = require('../../../core/Box/Box.cjs');
var factory = require('../../../core/factory/factory.cjs');
require('../../../core/DirectionProvider/DirectionProvider.cjs');
var Avatar_module = require('../Avatar.module.css.cjs');
var AvatarGroup_context = require('./AvatarGroup.context.cjs');
const varsResolver = createVarsResolver.createVarsResolver((_, { spacing }) => ({
group: {
"--ag-spacing": getSize.getSpacing(spacing)
}
}));
const AvatarGroup = factory.factory((_props, ref) => {
const props = useProps.useProps("AvatarGroup", null, _props);
const { classNames, className, style, styles, unstyled, vars, spacing, attributes, ...others } = props;
const getStyles = useStyles.useStyles({
name: "AvatarGroup",
classes: Avatar_module,
props,
className,
style,
classNames,
styles,
unstyled,
attributes,
vars,
varsResolver,
rootSelector: "group"
});
return /* @__PURE__ */ jsxRuntime.jsx(AvatarGroup_context.AvatarGroupProvider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { ref, ...getStyles("group"), ...others }) });
});
AvatarGroup.classes = Avatar_module;
AvatarGroup.displayName = "@mantine/core/AvatarGroup";
exports.AvatarGroup = AvatarGroup;
//# sourceMappingURL=AvatarGroup.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,15 @@
'use client';
'use strict';
var React = require('react');
const AvatarGroupContext = React.createContext(null);
const AvatarGroupProvider = AvatarGroupContext.Provider;
function useAvatarGroupContext() {
const ctx = React.useContext(AvatarGroupContext);
return { withinGroup: !!ctx };
}
exports.AvatarGroupProvider = AvatarGroupProvider;
exports.useAvatarGroupContext = useAvatarGroupContext;
//# sourceMappingURL=AvatarGroup.context.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"AvatarGroup.context.cjs","sources":["../../../../src/components/Avatar/AvatarGroup/AvatarGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst AvatarGroupContext = createContext<true | null>(null);\nexport const AvatarGroupProvider = AvatarGroupContext.Provider;\n\nexport function useAvatarGroupContext() {\n const ctx = useContext(AvatarGroupContext);\n return { withinGroup: !!ctx };\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqBA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAA2B,IAAI,CAAA,CAAA;AACnD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAE/C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,qBAAA,CAAA,CAAA,CAAwB,CAAA;AACtC,CAAA,CAAA,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAAW,kBAAkB,CAAA,CAAA;AACzC,CAAA,CAAA,OAAO,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAa,CAAC,CAAC,GAAA,CAAA,CAAI,CAAA;AAC9B,CAAA;;;"}

View File

@@ -0,0 +1,29 @@
'use client';
'use strict';
var jsxRuntime = require('react/jsx-runtime');
function AvatarPlaceholderIcon(props) {
return /* @__PURE__ */ jsxRuntime.jsx(
"svg",
{
...props,
"data-avatar-placeholder-icon": true,
viewBox: "0 0 15 15",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: /* @__PURE__ */ jsxRuntime.jsx(
"path",
{
d: "M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z",
fill: "currentColor",
fillRule: "evenodd",
clipRule: "evenodd"
}
)
}
);
}
exports.AvatarPlaceholderIcon = AvatarPlaceholderIcon;
//# sourceMappingURL=AvatarPlaceholderIcon.cjs.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,33 @@
'use client';
'use strict';
function hashCode(input) {
let hash = 0;
for (let i = 0; i < input.length; i += 1) {
const char = input.charCodeAt(i);
hash = (hash << 5) - hash + char;
hash |= 0;
}
return hash;
}
const defaultColors = [
"blue",
"cyan",
"grape",
"green",
"indigo",
"lime",
"orange",
"pink",
"red",
"teal",
"violet"
];
function getInitialsColor(name, colors = defaultColors) {
const hash = hashCode(name);
const index = Math.abs(hash) % colors.length;
return colors[index];
}
exports.getInitialsColor = getInitialsColor;
//# sourceMappingURL=get-initials-color.cjs.map

View File

@@ -0,0 +1 @@
{"version":3,"file":"get-initials-color.cjs","sources":["../../../../src/components/Avatar/get-initials-color/get-initials-color.ts"],"sourcesContent":["import { MantineColor } from '../../../core';\n\nfunction hashCode(input: string) {\n let hash = 0;\n for (let i = 0; i < input.length; i += 1) {\n const char = input.charCodeAt(i);\n hash = (hash << 5) - hash + char;\n hash |= 0;\n }\n return hash;\n}\n\nconst defaultColors: MantineColor[] = [\n 'blue',\n 'cyan',\n 'grape',\n 'green',\n 'indigo',\n 'lime',\n 'orange',\n 'pink',\n 'red',\n 'teal',\n 'violet',\n];\n\nexport function getInitialsColor(name: string, colors: MantineColor[] = defaultColors) {\n const hash = hashCode(name);\n const index = Math.abs(hash) % colors.length;\n return colors[index];\n}\n"],"names":[],"mappings":"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"}

Some files were not shown because too many files have changed in this diff Show More