@ceed/ads 1.2.10 → 1.3.0-next.2

package/dist/components/Tabs/Tabs.d.ts

@@ -1,14 +1,14 @@
 import React from "react";
-declare const Tabs: import("framer-motion").CustomDomComponent<Omit<import("@mui/base").TabsOwnProps, "slots" | "slotProps"> & {
+declare const Tabs: import("@emotion/styled").StyledComponent<Omit<Omit<import("@mui/base").TabsOwnProps, "slots" | "slotProps"> & {
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabsPropsColorOverrides> | undefined;
     size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabsPropsSizeOverrides> | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabsPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabsSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "orientation" | "value" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps>>;
+}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "orientation" | "value" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { Tabs };
-declare const Tab: import("@emotion/styled").StyledComponent<Omit<{
+declare const Tab: React.ForwardRefExoticComponent<Omit<Omit<{
     action?: React.Ref<{
         focusVisible(): void;
     }> | undefined;
@@ -24,7 +24,10 @@ declare const Tab: import("@emotion/styled").StyledComponent<Omit<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "onChange" | "variant" | "sx" | "disabled" | "orientation" | "value" | "action" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
+}, "color" | "onChange" | "variant" | "sx" | "disabled" | "orientation" | "value" | "action" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
+    startDecorator?: React.ReactNode;
+    endDecorator?: React.ReactNode;
+}, "ref"> & React.RefAttributes<HTMLElement | SVGElement>>;
 export { Tab };
 declare const TabList: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabListPropsColorOverrides> | undefined;

package/dist/index.cjs

@@ -240,7 +240,6 @@ __export(index_exports, {
   stepButtonClasses: () => import_joy57.stepButtonClasses,
   stepClasses: () => import_joy57.stepClasses,
   stepperClasses: () => import_joy57.stepperClasses,
-  styled: () => import_joy57.styled,
   switchClasses: () => import_joy57.switchClasses,
   tabListClasses: () => import_joy57.tabListClasses,
   tabPanelClasses: () => import_joy57.tabPanelClasses,
@@ -5889,17 +5888,31 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
+var import_react43 = __toESM(require("react"));
 var import_joy55 = require("@mui/joy");
 var import_framer_motion29 = require("framer-motion");
-var MotionTabs = (0, import_framer_motion29.motion)(import_joy55.Tabs);
+var MotionTabs = (0, import_joy55.styled)((0, import_framer_motion29.motion)(import_joy55.Tabs))(({ theme }) => ({
+  backgroundColor: theme.palette.background.body
+}));
 var Tabs = MotionTabs;
 Tabs.displayName = "Tabs";
 var MotionTab = (0, import_joy55.styled)((0, import_framer_motion29.motion)(import_joy55.Tab))(({ theme }) => ({
   [`&:not(.${import_joy55.tabClasses.selected})`]: {
+    "&:hover": {
+      backgroundColor: theme.palette.neutral.plainHoverBg
+    },
+    "&:active": {
+      backgroundColor: theme.palette.neutral.plainActiveBg
+    },
     color: theme.palette.neutral[700]
+  },
+  [`&.${import_joy55.tabClasses.variantPlain}`]: {
+    backgroundColor: theme.palette.background.body
   }
 }));
-var Tab = MotionTab;
+var Tab = (0, import_react43.forwardRef)(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
+  return /* @__PURE__ */ import_react43.default.createElement(MotionTab, { ...props, ref }, startDecorator, children, endDecorator);
+});
 Tab.displayName = "Tab";
 var MotionTabList = (0, import_framer_motion29.motion)(import_joy55.TabList);
 var TabList = MotionTabList;
@@ -5909,7 +5922,7 @@ var TabPanel = MotionTabPanel;
 TabPanel.displayName = "TabPanel";
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-var import_react43 = __toESM(require("react"));
+var import_react44 = __toESM(require("react"));
 var import_joy56 = require("@mui/joy");
 var colorScheme = {
   palette: {
@@ -6173,6 +6186,6 @@ var defaultTheme = (0, import_joy56.extendTheme)({
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(import_joy56.CssVarsProvider, { theme }, /* @__PURE__ */ import_react43.default.createElement(import_joy56.CssBaseline, null), props.children));
+  return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, /* @__PURE__ */ import_react44.default.createElement(import_joy56.CssVarsProvider, { theme }, /* @__PURE__ */ import_react44.default.createElement(import_joy56.CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { useTheme, useColorScheme, useThemeProps, ButtonGroup, alertClasses, boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, AutocompleteListbox, AutocompleteOption, autocompleteClasses, autocompleteListboxClasses, autocompleteOptionClasses, avatarClasses, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, breadcrumbsClasses, cardClasses, cardActionsClasses, cardContentClasses, cardCoverClasses, cardOverflowClasses, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, stepClasses, StepButton, stepButtonClasses, stepperClasses, Skeleton, skeletonClasses, styled, } from "@mui/joy";
+export { useTheme, useColorScheme, useThemeProps, ButtonGroup, alertClasses, boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, AutocompleteListbox, AutocompleteOption, autocompleteClasses, autocompleteListboxClasses, autocompleteOptionClasses, avatarClasses, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, breadcrumbsClasses, cardClasses, cardActionsClasses, cardContentClasses, cardCoverClasses, cardOverflowClasses, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, stepClasses, StepButton, stepButtonClasses, stepperClasses, Skeleton, skeletonClasses, } from "@mui/joy";
 export { Accordion, Accordions, Alert, Autocomplete, AccordionDetails, AccordionSummary, Avatar, AvatarGroup, Box, Breadcrumbs, Button, Calendar, Card, CardActions, CardContent, CardCover, CardOverflow, Checkbox, Chip, Container, CssBaseline, CurrencyInput, DataTable, DatePicker, DateRangePicker, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Dropdown, extendTheme, InsetDrawer, Uploader, FormControl, FormHelperText, FormLabel, Grid, IconButton, InfoSign, Input, Markdown, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, MonthPicker, MonthRangePicker, PercentageInput, ProfileMenu, Pagination, NavigationGroup, NavigationItem, Navigator, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Step, StepIndicator, Stepper, Switch, theme, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";

package/dist/index.js

@@ -146,8 +146,7 @@ import {
   stepButtonClasses,
   stepperClasses,
   Skeleton as Skeleton2,
-  skeletonClasses,
-  styled as styled29
+  skeletonClasses
 } from "@mui/joy";
 
 // src/components/Accordions/Accordions.tsx
@@ -5907,6 +5906,7 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
+import React41, { forwardRef as forwardRef11 } from "react";
 import {
   Tabs as JoyTabs,
   Tab as JoyTab,
@@ -5916,15 +5916,28 @@ import {
   tabClasses
 } from "@mui/joy";
 import { motion as motion29 } from "framer-motion";
-var MotionTabs = motion29(JoyTabs);
+var MotionTabs = styled28(motion29(JoyTabs))(({ theme }) => ({
+  backgroundColor: theme.palette.background.body
+}));
 var Tabs = MotionTabs;
 Tabs.displayName = "Tabs";
 var MotionTab = styled28(motion29(JoyTab))(({ theme }) => ({
   [`&:not(.${tabClasses.selected})`]: {
+    "&:hover": {
+      backgroundColor: theme.palette.neutral.plainHoverBg
+    },
+    "&:active": {
+      backgroundColor: theme.palette.neutral.plainActiveBg
+    },
     color: theme.palette.neutral[700]
+  },
+  [`&.${tabClasses.variantPlain}`]: {
+    backgroundColor: theme.palette.background.body
   }
 }));
-var Tab = MotionTab;
+var Tab = forwardRef11(function Tab2({ startDecorator, endDecorator, children, ...props }, ref) {
+  return /* @__PURE__ */ React41.createElement(MotionTab, { ...props, ref }, startDecorator, children, endDecorator);
+});
 Tab.displayName = "Tab";
 var MotionTabList = motion29(JoyTabList);
 var TabList = MotionTabList;
@@ -5934,7 +5947,7 @@ var TabPanel = MotionTabPanel;
 TabPanel.displayName = "TabPanel";
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import React41 from "react";
+import React42 from "react";
 import {
   CssBaseline,
   CssVarsProvider,
@@ -6204,7 +6217,7 @@ var defaultTheme = extendTheme({
 });
 function ThemeProvider(props) {
   const theme = props.theme || defaultTheme;
-  return /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React41.createElement(CssBaseline, null), props.children));
+  return /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(CssVarsProvider, { theme }, /* @__PURE__ */ React42.createElement(CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";
 export {
@@ -6368,7 +6381,6 @@ export {
   stepButtonClasses,
   stepClasses2 as stepClasses,
   stepperClasses,
-  styled29 as styled,
   switchClasses2 as switchClasses,
   tabListClasses,
   tabPanelClasses,