@mantine/core 4.2.9 → 5.0.0-alpha.10

package/esm/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Table.styles';\n\nexport interface TableProps extends DefaultProps, React.ComponentPropsWithoutRef<'table'> {\n  /** If true every odd row of table will have gray background color */\n  striped?: boolean;\n\n  /** If true row will have hover color */\n  highlightOnHover?: boolean;\n\n  /** Table caption position */\n  captionSide?: 'top' | 'bottom';\n\n  /** Horizontal cells spacing from theme.spacing or number to set value in px */\n  horizontalSpacing?: MantineNumberSize;\n\n  /** Vertical cells spacing from theme.spacing or number to set value in px */\n  verticalSpacing?: MantineNumberSize;\n\n  /** Sets font size of all text inside table */\n  fontSize?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<TableProps> = {\n  striped: false,\n  highlightOnHover: false,\n  captionSide: 'top',\n  horizontalSpacing: 'xs',\n  fontSize: 'sm',\n  verticalSpacing: 7,\n};\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>((props: TableProps, ref) => {\n  const {\n    className,\n    children,\n    striped,\n    highlightOnHover,\n    captionSide,\n    horizontalSpacing,\n    verticalSpacing,\n    fontSize,\n    ...others\n  } = useMantineDefaultProps('Table', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { captionSide, verticalSpacing, horizontalSpacing, fontSize },\n    { name: 'Table' }\n  );\n\n  return (\n    <Box\n      {...others}\n      component=\"table\"\n      ref={ref}\n      className={cx(\n        classes.root,\n        { [classes.striped]: striped, [classes.hover]: highlightOnHover },\n        className\n      )}\n    >\n      {children}\n    </Box>\n  );\n});\n\nTable.displayName = '@mantine/core/Table';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { TableStylesParams } from './Table.styles';\n\nexport interface TableProps\n  extends DefaultProps<never, TableStylesParams>,\n    React.ComponentPropsWithoutRef<'table'> {\n  /** If true every odd row of table will have gray background color */\n  striped?: boolean;\n\n  /** If true row will have hover color */\n  highlightOnHover?: boolean;\n\n  /** Table caption position */\n  captionSide?: 'top' | 'bottom';\n\n  /** Horizontal cells spacing from theme.spacing or number to set value in px */\n  horizontalSpacing?: MantineNumberSize;\n\n  /** Vertical cells spacing from theme.spacing or number to set value in px */\n  verticalSpacing?: MantineNumberSize;\n\n  /** Sets font size of all text inside table */\n  fontSize?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<TableProps> = {\n  striped: false,\n  highlightOnHover: false,\n  captionSide: 'top',\n  horizontalSpacing: 'xs',\n  fontSize: 'sm',\n  verticalSpacing: 7,\n};\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>((props, ref) => {\n  const {\n    className,\n    children,\n    striped,\n    highlightOnHover,\n    captionSide,\n    horizontalSpacing,\n    verticalSpacing,\n    fontSize,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Table', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { captionSide, verticalSpacing, horizontalSpacing, fontSize },\n    { unstyled, name: 'Table' }\n  );\n\n  return (\n    <Box\n      {...others}\n      component=\"table\"\n      ref={ref}\n      className={cx(\n        classes.root,\n        { [classes.striped]: striped, [classes.hover]: highlightOnHover },\n        className\n      )}\n    >\n      {children}\n    </Box>\n  );\n});\n\nTable.displayName = '@mantine/core/Table';\n"],"names":[],"mappings":"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"}

package/esm/components/Tabs/Tab/Tab.js

@@ -0,0 +1,91 @@
+import React, { forwardRef } from 'react';
+import { useContextStylesApi } from '@mantine/styles';
+import { createScopedKeydownHandler } from '@mantine/utils';
+import { useTabsContext } from '../Tabs.context.js';
+import useStyles from './Tab.styles.js';
+import { UnstyledButton } from '../../UnstyledButton/UnstyledButton.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const Tab = forwardRef((_a, ref) => {
+  var _b = _a, { value, children, onKeyDown, onClick, className, icon, rightSection, color } = _b, others = __objRest(_b, ["value", "children", "onKeyDown", "onClick", "className", "icon", "rightSection", "color"]);
+  const ctx = useTabsContext();
+  const { classNames, styles, unstyled } = useContextStylesApi();
+  const hasIcon = !!icon;
+  const hasRightSection = !!rightSection;
+  const { theme, classes, cx } = useStyles({
+    withIcon: hasIcon || hasRightSection && !children,
+    withRightSection: hasRightSection || hasIcon && !children,
+    orientation: ctx.orientation,
+    color: color || ctx.color,
+    variant: ctx.variant,
+    radius: ctx.radius,
+    inverted: ctx.inverted
+  }, { name: "Tabs", unstyled, classNames, styles });
+  const isActive = value === ctx.value;
+  const activateTab = (event) => {
+    ctx.onTabChange(ctx.allowTabDeactivation ? value === ctx.value ? null : value : value);
+    onClick == null ? void 0 : onClick(event);
+  };
+  return /* @__PURE__ */ React.createElement(UnstyledButton, __spreadProps(__spreadValues({}, others), {
+    unstyled,
+    className: cx(classes.tab, className),
+    "data-active": isActive || void 0,
+    ref,
+    type: "button",
+    role: "tab",
+    id: ctx.getTabId(value),
+    "aria-selected": isActive,
+    tabIndex: isActive || ctx.value === null ? 0 : -1,
+    "aria-controls": ctx.getPanelId(value),
+    onClick: activateTab,
+    onKeyDown: createScopedKeydownHandler({
+      siblingSelector: '[role="tab"]',
+      parentSelector: '[role="tablist"]',
+      activateOnFocus: ctx.activateTabWithKeyboard,
+      loop: ctx.loop,
+      dir: theme.dir,
+      orientation: ctx.orientation,
+      onKeyDown
+    })
+  }), icon && /* @__PURE__ */ React.createElement("div", {
+    className: classes.tabIcon
+  }, icon), children && /* @__PURE__ */ React.createElement("div", {
+    className: classes.tabLabel
+  }, children), rightSection && /* @__PURE__ */ React.createElement("div", {
+    className: classes.tabRightSection
+  }, rightSection));
+});
+Tab.displayName = "@mantine/core/Tab";
+
+export { Tab };
+//# sourceMappingURL=Tab.js.map

package/esm/components/Tabs/Tab/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useContextStylesApi, MantineColor } from '@mantine/styles';\nimport { createScopedKeydownHandler } from '@mantine/utils';\nimport { UnstyledButton } from '../../UnstyledButton';\nimport { useTabsContext } from '../Tabs.context';\nimport useStyles from './Tab.styles';\n\nexport type TabStylesNames = Selectors<typeof useStyles>;\n\nexport interface TabProps extends DefaultProps, React.ComponentPropsWithoutRef<'button'> {\n  /** Value that is used to connect Tab with associated panel */\n  value: string;\n\n  /** Tab label */\n  children?: React.ReactNode;\n\n  /** Section of content displayed after label */\n  rightSection?: React.ReactNode;\n\n  /** Section of content displayed before label */\n  icon?: React.ReactNode;\n\n  /** Key of theme.colors */\n  color?: MantineColor;\n}\n\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(\n  (\n    { value, children, onKeyDown, onClick, className, icon, rightSection, color, ...others },\n    ref\n  ) => {\n    const ctx = useTabsContext();\n    const { classNames, styles, unstyled } = useContextStylesApi();\n\n    const hasIcon = !!icon;\n    const hasRightSection = !!rightSection;\n\n    const { theme, classes, cx } = useStyles(\n      {\n        withIcon: hasIcon || (hasRightSection && !children),\n        withRightSection: hasRightSection || (hasIcon && !children),\n        orientation: ctx.orientation,\n        color: color || ctx.color,\n        variant: ctx.variant,\n        radius: ctx.radius,\n        inverted: ctx.inverted,\n      },\n      { name: 'Tabs', unstyled, classNames, styles }\n    );\n\n    const isActive = value === ctx.value;\n    const activateTab = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      ctx.onTabChange(ctx.allowTabDeactivation ? (value === ctx.value ? null : value) : value);\n      onClick?.(event);\n    };\n\n    return (\n      <UnstyledButton<'button'>\n        {...others}\n        unstyled={unstyled}\n        className={cx(classes.tab, className)}\n        data-active={isActive || undefined}\n        ref={ref}\n        type=\"button\"\n        role=\"tab\"\n        id={ctx.getTabId(value)}\n        aria-selected={isActive}\n        tabIndex={isActive || ctx.value === null ? 0 : -1}\n        aria-controls={ctx.getPanelId(value)}\n        onClick={activateTab}\n        onKeyDown={createScopedKeydownHandler({\n          siblingSelector: '[role=\"tab\"]',\n          parentSelector: '[role=\"tablist\"]',\n          activateOnFocus: ctx.activateTabWithKeyboard,\n          loop: ctx.loop,\n          dir: theme.dir,\n          orientation: ctx.orientation,\n          onKeyDown,\n        })}\n      >\n        {icon && <div className={classes.tabIcon}>{icon}</div>}\n        {children && <div className={classes.tabLabel}>{children}</div>}\n        {rightSection && <div className={classes.tabRightSection}>{rightSection}</div>}\n      </UnstyledButton>\n    );\n  }\n);\n\nTab.displayName = '@mantine/core/Tab';\n"],"names":[],"mappings":"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"}

package/esm/components/Tabs/Tab/Tab.styles.js

@@ -0,0 +1,117 @@
+import { createStyles } from '@mantine/styles';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function getVariantStyles(theme, { variant, orientation, color, radius, inverted }) {
+  const vertical = orientation === "vertical";
+  const filledScheme = theme.fn.variant({ color, variant: "filled" });
+  const radiusValue = theme.fn.radius(radius);
+  const borderRadius = orientation === "vertical" ? `${radiusValue}px 0 0 ${radiusValue}px` : inverted ? `0 0 ${radiusValue}px ${radiusValue}px` : `${radiusValue}px ${radiusValue}px 0 0`;
+  if (variant === "default") {
+    return __spreadProps(__spreadValues({
+      [vertical ? "borderRight" : inverted ? "borderTop" : "borderBottom"]: "2px solid transparent",
+      [vertical ? "marginRight" : inverted ? "marginTop" : "marginBottom"]: -2,
+      borderRadius
+    }, theme.fn.hover({
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0],
+      borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]
+    })), {
+      "&[data-active]": __spreadValues({
+        borderColor: filledScheme.background,
+        color: theme.colorScheme === "dark" ? theme.white : theme.black
+      }, theme.fn.hover({ borderColor: filledScheme.background }))
+    });
+  }
+  if (variant === "outline") {
+    return {
+      borderRadius,
+      border: "1px solid transparent",
+      [vertical ? "borderRight" : inverted ? "borderTop" : "borderBottom"]: "none",
+      "&[data-active]": {
+        borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3],
+        "&::before": {
+          content: '""',
+          backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
+          position: "absolute",
+          bottom: vertical ? 0 : inverted ? "unset" : -1,
+          top: vertical ? 0 : inverted ? -1 : "unset",
+          [vertical ? "width" : "height"]: 1,
+          right: vertical ? -1 : 0,
+          left: vertical ? "unset" : 0
+        }
+      }
+    };
+  }
+  if (variant === "pills") {
+    return __spreadProps(__spreadValues({
+      borderRadius: theme.fn.radius(radius)
+    }, theme.fn.hover({
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
+    })), {
+      "&[data-active]": __spreadValues({
+        backgroundColor: filledScheme.background,
+        color: theme.white
+      }, theme.fn.hover({ backgroundColor: filledScheme.background }))
+    });
+  }
+  return {};
+}
+var useStyles = createStyles((theme, params) => ({
+  tabLabel: {},
+  tab: __spreadValues({
+    position: "relative",
+    padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,
+    paddingLeft: params.withIcon ? theme.spacing.xs : void 0,
+    paddingRight: params.withRightSection ? theme.spacing.xs : void 0,
+    fontSize: theme.fontSizes.sm,
+    whiteSpace: "nowrap",
+    zIndex: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: params.orientation === "horizontal" ? "center" : void 0,
+    lineHeight: 1,
+    "&:disabled": __spreadValues({
+      opacity: 0.5,
+      cursor: "not-allowed"
+    }, theme.fn.hover({ backgroundColor: "transparent" })),
+    "&:focus": {
+      zIndex: 1
+    }
+  }, getVariantStyles(theme, params)),
+  tabRightSection: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    "&:not(:only-child)": {
+      marginLeft: 7
+    }
+  },
+  tabIcon: {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    "&:not(:only-child)": {
+      marginRight: 7
+    }
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=Tab.styles.js.map

package/esm/components/Tabs/Tab/Tab.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineTheme } from '@mantine/styles';\nimport { TabsStylesParams } from '../Tabs.types';\n\ninterface TabStylesParams extends TabsStylesParams {\n  withIcon: boolean;\n  withRightSection: boolean;\n}\n\nfunction getVariantStyles(\n  theme: MantineTheme,\n  { variant, orientation, color, radius, inverted }: TabStylesParams\n): CSSObject {\n  const vertical = orientation === 'vertical';\n  const filledScheme = theme.fn.variant({ color, variant: 'filled' });\n  const radiusValue = theme.fn.radius(radius);\n  const borderRadius =\n    orientation === 'vertical'\n      ? `${radiusValue}px 0 0 ${radiusValue}px`\n      : inverted\n      ? `0 0 ${radiusValue}px ${radiusValue}px`\n      : `${radiusValue}px ${radiusValue}px 0 0`;\n\n  if (variant === 'default') {\n    return {\n      [vertical ? 'borderRight' : inverted ? 'borderTop' : 'borderBottom']: '2px solid transparent',\n      [vertical ? 'marginRight' : inverted ? 'marginTop' : 'marginBottom']: -2,\n      borderRadius,\n\n      ...theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n      }),\n\n      '&[data-active]': {\n        borderColor: filledScheme.background,\n        color: theme.colorScheme === 'dark' ? theme.white : theme.black,\n        ...theme.fn.hover({ borderColor: filledScheme.background }),\n      },\n    };\n  }\n\n  if (variant === 'outline') {\n    return {\n      borderRadius,\n      border: '1px solid transparent',\n      [vertical ? 'borderRight' : inverted ? 'borderTop' : 'borderBottom']: 'none',\n\n      '&[data-active]': {\n        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n\n        '&::before': {\n          content: '\"\"',\n          backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n          position: 'absolute',\n          bottom: vertical ? 0 : inverted ? 'unset' : -1,\n          top: vertical ? 0 : inverted ? -1 : 'unset',\n          [vertical ? 'width' : 'height']: 1,\n          right: vertical ? -1 : 0,\n          left: vertical ? 'unset' : 0,\n        },\n      },\n    };\n  }\n\n  if (variant === 'pills') {\n    return {\n      borderRadius: theme.fn.radius(radius),\n      ...theme.fn.hover({\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n      }),\n\n      '&[data-active]': {\n        backgroundColor: filledScheme.background,\n        color: theme.white,\n        ...theme.fn.hover({ backgroundColor: filledScheme.background }),\n      },\n    };\n  }\n\n  return {};\n}\n\nexport default createStyles((theme, params: TabStylesParams) => ({\n  tabLabel: {},\n\n  tab: {\n    position: 'relative',\n    padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n    paddingLeft: params.withIcon ? theme.spacing.xs : undefined,\n    paddingRight: params.withRightSection ? theme.spacing.xs : undefined,\n    fontSize: theme.fontSizes.sm,\n    whiteSpace: 'nowrap',\n    zIndex: 0,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: params.orientation === 'horizontal' ? 'center' : undefined,\n    lineHeight: 1,\n\n    '&:disabled': {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n      ...theme.fn.hover({ backgroundColor: 'transparent' }),\n    },\n\n    '&:focus': {\n      zIndex: 1,\n    },\n\n    ...getVariantStyles(theme, params),\n  },\n\n  tabRightSection: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n\n    '&:not(:only-child)': {\n      marginLeft: 7,\n    },\n  },\n\n  tabIcon: {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n\n    '&:not(:only-child)': {\n      marginRight: 7,\n    },\n  },\n}));\n"],"names":[],"mappings":"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"}

package/esm/components/Tabs/Tabs.context.js

@@ -0,0 +1,7 @@
+import { createSafeContext } from '@mantine/utils';
+import { TABS_ERRORS } from './Tabs.errors.js';
+
+const [TabsContextProvider, useTabsContext] = createSafeContext(TABS_ERRORS.context);
+
+export { TabsContextProvider, useTabsContext };
+//# sourceMappingURL=Tabs.context.js.map

package/esm/components/Tabs/Tabs.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.context.js","sources":["../../../src/components/Tabs/Tabs.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { TabsOrientation, TabsValue, TabsVariant } from './Tabs.types';\nimport { TABS_ERRORS } from './Tabs.errors';\n\ninterface TabsContext {\n  id: string;\n  value: TabsValue;\n  orientation: TabsOrientation;\n  loop: boolean;\n  activateTabWithKeyboard: boolean;\n  allowTabDeactivation: boolean;\n  onTabChange(value: TabsValue): void;\n  getTabId(value: string): string;\n  getPanelId(value: string): string;\n  variant: TabsVariant;\n  color: MantineColor;\n  radius: MantineNumberSize;\n  inverted: boolean;\n}\n\nexport const [TabsContextProvider, useTabsContext] = createSafeContext<TabsContext>(\n  TABS_ERRORS.context\n);\n"],"names":[],"mappings":";;;AAEY,MAAC,CAAC,mBAAmB,EAAE,cAAc,CAAC,GAAG,iBAAiB,CAAC,WAAW,CAAC,OAAO;;;;"}

package/esm/components/Tabs/Tabs.errors.js

@@ -0,0 +1,7 @@
+const TABS_ERRORS = {
+  context: "Tabs component was not found in the tree",
+  value: "Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value"
+};
+
+export { TABS_ERRORS };
+//# sourceMappingURL=Tabs.errors.js.map

package/esm/components/Tabs/Tabs.errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.errors.js","sources":["../../../src/components/Tabs/Tabs.errors.ts"],"sourcesContent":["export const TABS_ERRORS = {\n  context: 'Tabs component was not found in the tree',\n  value: 'Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value',\n};\n"],"names":[],"mappings":"AAAY,MAAC,WAAW,GAAG;AAC3B,EAAE,OAAO,EAAE,0CAA0C;AACrD,EAAE,KAAK,EAAE,mFAAmF;AAC5F;;;;"}

package/esm/components/Tabs/Tabs.js

@@ -1,12 +1,15 @@
-import React, { forwardRef, useRef, Children } from 'react';
-import { useUncontrolled, clamp } from '@mantine/hooks';
-import { useMantineDefaultProps } from '@mantine/styles';
-import { TabControl } from './TabControl/TabControl.js';
+import React, { forwardRef } from 'react';
+import { useComponentDefaultProps, StylesApiProvider } from '@mantine/styles';
+import { TabsList } from './TabsList/TabsList.js';
+import { TabsPanel } from './TabsPanel/TabsPanel.js';
+import { Tab } from './Tab/Tab.js';
+import { TabsProvider } from './TabsProvider.js';
 import useStyles from './Tabs.styles.js';
 import { Box } from '../Box/Box.js';
-import { Group } from '../Group/Group.js';
 
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -22,6 +25,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -34,134 +38,81 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-function getPreviousTab(active, tabs) {
-  for (let i = active - 1; i >= 0; i -= 1) {
-    if (!tabs[i].props.disabled) {
-      return i;
-    }
-  }
-  return active;
-}
-function getNextTab(active, tabs) {
-  for (let i = active + 1; i < tabs.length; i += 1) {
-    if (!tabs[i].props.disabled) {
-      return i;
-    }
-  }
-  return active;
-}
-function findInitialTab(tabs) {
-  for (let i = 0; i < tabs.length; i += 1) {
-    if (!tabs[i].props.disabled) {
-      return i;
-    }
-  }
-  return -1;
-}
 const defaultProps = {
-  position: "left",
-  grow: false,
-  variant: "default",
-  tabPadding: "xs",
-  orientation: "horizontal"
+  orientation: "horizontal",
+  loop: true,
+  activateTabWithKeyboard: true,
+  allowTabDeactivation: false,
+  unstyled: false,
+  inverted: false,
+  variant: "default"
 };
 const Tabs = forwardRef((props, ref) => {
-  const _a = useMantineDefaultProps("Tabs", defaultProps, props), {
-    className,
+  const _a = useComponentDefaultProps("Tabs", defaultProps, props), {
+    defaultValue,
+    value,
+    orientation,
+    loop,
+    activateTabWithKeyboard,
+    allowTabDeactivation,
     children,
-    initialTab,
-    active,
-    position,
-    grow,
+    id,
     onTabChange,
-    color,
     variant,
+    color,
+    className,
+    unstyled,
     classNames,
     styles,
-    tabPadding,
-    orientation
+    radius,
+    inverted
   } = _a, others = __objRest(_a, [
-    "className",
+    "defaultValue",
+    "value",
+    "orientation",
+    "loop",
+    "activateTabWithKeyboard",
+    "allowTabDeactivation",
     "children",
-    "initialTab",
-    "active",
-    "position",
-    "grow",
+    "id",
     "onTabChange",
-    "color",
     "variant",
+    "color",
+    "className",
+    "unstyled",
     "classNames",
     "styles",
-    "tabPadding",
-    "orientation"
+    "radius",
+    "inverted"
   ]);
-  const { classes, cx, theme } = useStyles({ tabPadding, orientation }, { classNames, styles, name: "Tabs" });
-  const controlRefs = useRef({});
-  const tabs = Children.toArray(children);
-  const [_activeTab, handleActiveTabChange] = useUncontrolled({
-    value: active,
-    defaultValue: initialTab,
-    finalValue: findInitialTab(tabs),
-    rule: (value) => typeof value === "number",
-    onChange: (value) => {
-      if (onTabChange) {
-        tabs.some((tab) => tab.props.tabKey) ? onTabChange(value, tabs[value].props.tabKey) : onTabChange(value);
-      }
-    }
-  });
-  const activeTab = clamp({ value: _activeTab, min: 0, max: tabs.length - 1 });
-  const nextTabCode = orientation === "horizontal" ? theme.dir === "ltr" ? "ArrowRight" : "ArrowLeft" : "ArrowDown";
-  const previousTabCode = orientation === "horizontal" ? theme.dir === "ltr" ? "ArrowLeft" : "ArrowRight" : "ArrowUp";
-  const handleKeyDown = (event) => {
-    if (event.nativeEvent.code === nextTabCode) {
-      event.preventDefault();
-      const nextTab = getNextTab(activeTab, tabs);
-      handleActiveTabChange(nextTab);
-      controlRefs.current[nextTab].focus();
-    }
-    if (event.nativeEvent.code === previousTabCode) {
-      event.preventDefault();
-      const previousTab = getPreviousTab(activeTab, tabs);
-      handleActiveTabChange(previousTab);
-      controlRefs.current[previousTab].focus();
-    }
-  };
-  const panes = tabs.map((tab, index) => React.cloneElement(tab, {
-    key: index,
-    active: activeTab === index,
-    onKeyDown: handleKeyDown,
-    color: tab.props.color || color,
-    variant,
-    orientation,
-    elementRef: (node) => {
-      controlRefs.current[index] = node;
-    },
-    onClick: () => activeTab !== index && handleActiveTabChange(index),
+  const { classes, cx } = useStyles({ orientation, color, variant, radius, inverted }, { unstyled, name: "Tabs", classNames, styles });
+  return /* @__PURE__ */ React.createElement(StylesApiProvider, {
     classNames,
-    styles
-  }));
-  const content = tabs[activeTab].props.children;
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    ref,
-    className: cx(classes.root, className)
-  }, others), /* @__PURE__ */ React.createElement("div", {
-    className: cx(classes.tabsListWrapper, classes[variant])
-  }, /* @__PURE__ */ React.createElement(Group, {
-    className: classes.tabsList,
-    role: "tablist",
-    direction: orientation === "horizontal" ? "row" : "column",
-    "aria-orientation": orientation,
-    spacing: variant === "pills" ? 5 : 0,
-    position,
-    grow
-  }, panes)), content && /* @__PURE__ */ React.createElement("div", {
-    role: "tabpanel",
-    className: classes.body,
-    key: activeTab
-  }, content));
+    styles,
+    unstyled
+  }, /* @__PURE__ */ React.createElement(TabsProvider, {
+    activateTabWithKeyboard,
+    defaultValue,
+    orientation,
+    onTabChange,
+    value,
+    id,
+    loop,
+    allowTabDeactivation,
+    color,
+    variant,
+    radius,
+    inverted
+  }, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {
+    className: cx(classes.root, className),
+    id,
+    ref
+  }), children)));
 });
+Tabs.List = TabsList;
+Tabs.Tab = Tab;
+Tabs.Panel = TabsPanel;
 Tabs.displayName = "@mantine/core/Tabs";
-Tabs.Tab = TabControl;
 
 export { Tabs };
 //# sourceMappingURL=Tabs.js.map

package/esm/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { useRef, forwardRef, Children } from 'react';\nimport { useUncontrolled, clamp } from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineColor,\n  Selectors,\n  ForwardRefWithStaticComponents,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Group, GroupPosition } from '../Group';\nimport { TabControl, TabControlStylesNames } from './TabControl/TabControl';\nimport useStyles from './Tabs.styles';\n\nexport type TabsVariant = 'default' | 'outline' | 'pills' | 'unstyled';\nexport type TabsStylesNames =\n  | Exclude<Selectors<typeof useStyles>, TabsVariant>\n  | TabControlStylesNames;\n\nexport interface TabsProps\n  extends DefaultProps<TabsStylesNames>,\n    React.ComponentPropsWithRef<'div'> {\n  /** <Tab /> components only */\n  children: React.ReactNode;\n\n  /** Index of initial tab */\n  initialTab?: number;\n\n  /** Index of active tab, overrides internal state */\n  active?: number;\n\n  /** Active tab color from theme.colors */\n  color?: MantineColor;\n\n  /** True if tabs should take all available space */\n  grow?: boolean;\n\n  /** Tab controls position */\n  position?: GroupPosition;\n\n  /** Called when tab control is clicked with tab index */\n  onTabChange?(tabIndex: number, tabKey?: string): void;\n\n  /** Controls appearance */\n  variant?: TabsVariant;\n\n  /** Controls tab content padding-top */\n  tabPadding?: MantineNumberSize;\n\n  /** Controls tab orientation */\n  orientation?: 'horizontal' | 'vertical';\n}\n\nfunction getPreviousTab(active: number, tabs: React.ReactElement[]) {\n  for (let i = active - 1; i >= 0; i -= 1) {\n    if (!tabs[i].props.disabled) {\n      return i;\n    }\n  }\n\n  return active;\n}\n\nfunction getNextTab(active: number, tabs: React.ReactElement[]) {\n  for (let i = active + 1; i < tabs.length; i += 1) {\n    if (!tabs[i].props.disabled) {\n      return i;\n    }\n  }\n\n  return active;\n}\n\nfunction findInitialTab(tabs: React.ReactElement[]) {\n  for (let i = 0; i < tabs.length; i += 1) {\n    if (!tabs[i].props.disabled) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n\ntype TabsComponent = ForwardRefWithStaticComponents<TabsProps, { Tab: typeof TabControl }>;\n\nconst defaultProps: Partial<TabsProps> = {\n  position: 'left',\n  grow: false,\n  variant: 'default',\n  tabPadding: 'xs',\n  orientation: 'horizontal',\n};\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>(\n  (props: TabsProps, ref) => {\n    const {\n      className,\n      children,\n      initialTab,\n      active,\n      position,\n      grow,\n      onTabChange,\n      color,\n      variant,\n      classNames,\n      styles,\n      tabPadding,\n      orientation,\n      ...others\n    } = useMantineDefaultProps('Tabs', defaultProps, props);\n\n    const { classes, cx, theme } = useStyles(\n      { tabPadding, orientation },\n      { classNames, styles, name: 'Tabs' }\n    );\n\n    const controlRefs = useRef<Record<string, HTMLButtonElement>>({});\n    const tabs = Children.toArray(children) as React.ReactElement[];\n\n    const [_activeTab, handleActiveTabChange] = useUncontrolled({\n      value: active,\n      defaultValue: initialTab,\n      finalValue: findInitialTab(tabs),\n      rule: (value) => typeof value === 'number',\n      onChange: (value) => {\n        if (onTabChange) {\n          tabs.some((tab) => tab.props.tabKey)\n            ? onTabChange(value, tabs[value].props.tabKey)\n            : onTabChange(value);\n        }\n      },\n    });\n\n    const activeTab = clamp({ value: _activeTab, min: 0, max: tabs.length - 1 });\n\n    const nextTabCode =\n      orientation === 'horizontal'\n        ? theme.dir === 'ltr'\n          ? 'ArrowRight'\n          : 'ArrowLeft'\n        : 'ArrowDown';\n    const previousTabCode =\n      orientation === 'horizontal' ? (theme.dir === 'ltr' ? 'ArrowLeft' : 'ArrowRight') : 'ArrowUp';\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (event.nativeEvent.code === nextTabCode) {\n        event.preventDefault();\n        const nextTab = getNextTab(activeTab, tabs);\n        handleActiveTabChange(nextTab);\n        controlRefs.current[nextTab].focus();\n      }\n\n      if (event.nativeEvent.code === previousTabCode) {\n        event.preventDefault();\n        const previousTab = getPreviousTab(activeTab, tabs);\n        handleActiveTabChange(previousTab);\n        controlRefs.current[previousTab].focus();\n      }\n    };\n\n    const panes = tabs.map((tab, index) =>\n      React.cloneElement(tab, {\n        key: index,\n        active: activeTab === index,\n        onKeyDown: handleKeyDown,\n        color: tab.props.color || color,\n        variant,\n        orientation,\n        elementRef: (node: HTMLButtonElement) => {\n          controlRefs.current[index] = node;\n        },\n        onClick: () => activeTab !== index && handleActiveTabChange(index),\n        classNames,\n        styles,\n      })\n    );\n\n    const content = tabs[activeTab].props.children;\n\n    return (\n      <Box ref={ref} className={cx(classes.root, className)} {...others}>\n        <div className={cx(classes.tabsListWrapper, classes[variant])}>\n          <Group\n            className={classes.tabsList}\n            role=\"tablist\"\n            direction={orientation === 'horizontal' ? 'row' : 'column'}\n            aria-orientation={orientation}\n            spacing={variant === 'pills' ? 5 : 0}\n            position={position}\n            grow={grow}\n          >\n            {panes}\n          </Group>\n        </div>\n\n        {content && (\n          <div role=\"tabpanel\" className={classes.body} key={activeTab}>\n            {content}\n          </div>\n        )}\n      </Box>\n    );\n  }\n) as any;\n\nTabs.displayName = '@mantine/core/Tabs';\nTabs.Tab = TabControl;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  useComponentDefaultProps,\n  StylesApiProvider,\n  Selectors,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { TabsList, TabsListStylesNames } from './TabsList/TabsList';\nimport { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';\nimport { Tab, TabStylesNames } from './Tab/Tab';\nimport { TabsProvider, TabsProviderProps } from './TabsProvider';\nimport { TabsStylesParams } from './Tabs.types';\nimport useStyles from './Tabs.styles';\n\nexport type TabsStylesNames =\n  | Selectors<typeof useStyles>\n  | TabsListStylesNames\n  | TabsPanelStylesNames\n  | TabStylesNames;\n\nexport interface TabsProps\n  extends TabsProviderProps,\n    DefaultProps<TabsStylesNames, TabsStylesParams>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, keyof TabsProviderProps> {}\n\ntype TabsComponent = ForwardRefWithStaticComponents<\n  TabsProps,\n  {\n    List: typeof TabsList;\n    Tab: typeof Tab;\n    Panel: typeof TabsPanel;\n  }\n>;\n\nconst defaultProps: Partial<TabsProps> = {\n  orientation: 'horizontal',\n  loop: true,\n  activateTabWithKeyboard: true,\n  allowTabDeactivation: false,\n  unstyled: false,\n  inverted: false,\n  variant: 'default',\n};\n\nexport const Tabs: TabsComponent = forwardRef<HTMLDivElement, TabsProps>((props, ref) => {\n  const {\n    defaultValue,\n    value,\n    orientation,\n    loop,\n    activateTabWithKeyboard,\n    allowTabDeactivation,\n    children,\n    id,\n    onTabChange,\n    variant,\n    color,\n    className,\n    unstyled,\n    classNames,\n    styles,\n    radius,\n    inverted,\n    ...others\n  } = useComponentDefaultProps('Tabs', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { orientation, color, variant, radius, inverted },\n    { unstyled, name: 'Tabs', classNames, styles }\n  );\n\n  return (\n    <StylesApiProvider classNames={classNames} styles={styles} unstyled={unstyled}>\n      <TabsProvider\n        activateTabWithKeyboard={activateTabWithKeyboard}\n        defaultValue={defaultValue}\n        orientation={orientation}\n        onTabChange={onTabChange}\n        value={value}\n        id={id}\n        loop={loop}\n        allowTabDeactivation={allowTabDeactivation}\n        color={color}\n        variant={variant}\n        radius={radius}\n        inverted={inverted}\n      >\n        <Box {...others} className={cx(classes.root, className)} id={id} ref={ref}>\n          {children}\n        </Box>\n      </TabsProvider>\n    </StylesApiProvider>\n  );\n}) as any;\n\nTabs.List = TabsList;\nTabs.Tab = Tab;\nTabs.Panel = TabsPanel;\n\nTabs.displayName = '@mantine/core/Tabs';\n"],"names":[],"mappings":"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"}

package/esm/components/Tabs/Tabs.styles.js

@@ -1,36 +1,10 @@
 import { createStyles } from '@mantine/styles';
 
-var useStyles = createStyles((theme, { tabPadding, orientation }, getRef) => {
-  const tabsList = { ref: getRef("tabsList") };
-  return {
-    tabsListWrapper: {},
-    tabsList,
-    root: {
-      display: orientation === "vertical" ? "flex" : "block"
-    },
-    pills: {
-      marginRight: orientation === "vertical" ? 20 : 0
-    },
-    body: {
-      [orientation === "horizontal" ? "paddingTop" : "paddingLeft"]: theme.fn.size({
-        size: tabPadding,
-        sizes: theme.spacing
-      })
-    },
-    default: {
-      [orientation === "horizontal" ? "borderBottom" : "borderRight"]: `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
-      [`& .${tabsList.ref}`]: {
-        [orientation === "horizontal" ? "marginBottom" : "marginRight"]: -2
-      }
-    },
-    outline: {
-      [orientation === "horizontal" ? "borderBottom" : "borderRight"]: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
-      [`& .${tabsList.ref}`]: {
-        [orientation === "horizontal" ? "marginBottom" : "marginRight"]: -1
-      }
-    }
-  };
-});
+var useStyles = createStyles((theme, { orientation }) => ({
+  root: {
+    display: orientation === "vertical" ? "flex" : void 0
+  }
+}));
 
 export default useStyles;
 //# sourceMappingURL=Tabs.styles.js.map

package/esm/components/Tabs/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.js","sources":["../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\nexport interface TabsStylesParams {\n  tabPadding: MantineNumberSize;\n  orientation: 'horizontal' | 'vertical';\n}\n\nexport default createStyles((theme, { tabPadding, orientation }: TabsStylesParams, getRef) => {\n  const tabsList = { ref: getRef('tabsList') } as const;\n\n  return {\n    tabsListWrapper: {},\n    tabsList,\n\n    root: {\n      display: orientation === 'vertical' ? 'flex' : 'block',\n    },\n\n    pills: {\n      marginRight: orientation === 'vertical' ? 20 : 0,\n    },\n\n    body: {\n      [orientation === 'horizontal' ? 'paddingTop' : 'paddingLeft']: theme.fn.size({\n        size: tabPadding,\n        sizes: theme.spacing,\n      }),\n    },\n\n    default: {\n      [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `2px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n      }`,\n\n      [`& .${tabsList.ref}`]: {\n        [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: -2,\n      },\n    },\n\n    outline: {\n      [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n      }`,\n\n      [`& .${tabsList.ref}`]: {\n        [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: -1,\n      },\n    },\n  };\n});\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,MAAM,KAAK;AAC5E,EAAE,MAAM,QAAQ,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;AAC/C,EAAE,OAAO;AACT,IAAI,eAAe,EAAE,EAAE;AACvB,IAAI,QAAQ;AACZ,IAAI,IAAI,EAAE;AACV,MAAM,OAAO,EAAE,WAAW,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO;AAC5D,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,WAAW,EAAE,WAAW,KAAK,UAAU,GAAG,EAAE,GAAG,CAAC;AACtD,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,CAAC,WAAW,KAAK,YAAY,GAAG,YAAY,GAAG,aAAa,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;AACnF,QAAQ,IAAI,EAAE,UAAU;AACxB,QAAQ,KAAK,EAAE,KAAK,CAAC,OAAO;AAC5B,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAChK,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG;AAC9B,QAAQ,CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,CAAC,CAAC;AAC3E,OAAO;AACP,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAChK,MAAM,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG;AAC9B,QAAQ,CAAC,WAAW,KAAK,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,CAAC,CAAC;AAC3E,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"Tabs.styles.js","sources":["../../../src/components/Tabs/Tabs.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\nimport { TabsStylesParams } from './Tabs.types';\n\nexport default createStyles((theme, { orientation }: TabsStylesParams) => ({\n  root: {\n    display: orientation === 'vertical' ? 'flex' : undefined,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM;AACzD,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,WAAW,KAAK,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;AACzD,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}