@ceed/ads 1.2.9-next.1 → 1.3.0-next.1

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 MotionTab: import("@emotion/styled").StyledComponent<Omit<{
     action?: React.Ref<{
         focusVisible(): void;
     }> | undefined;
@@ -25,6 +25,13 @@ declare const Tab: import("@emotion/styled").StyledComponent<Omit<{
 } & 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>, {}, {}>;
+declare function Tab({ startDecorator, endDecorator, children, ...props }: React.ComponentProps<typeof MotionTab> & {
+    startDecorator?: React.ReactNode;
+    endDecorator?: React.ReactNode;
+}): React.JSX.Element;
+declare namespace Tab {
+    var displayName: string;
+}
 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

@@ -5888,17 +5888,36 @@ 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;
+function Tab({
+  startDecorator,
+  endDecorator,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ import_react43.default.createElement(MotionTab, { ...props }, startDecorator, children, endDecorator);
+}
 Tab.displayName = "Tab";
 var MotionTabList = (0, import_framer_motion29.motion)(import_joy55.TabList);
 var TabList = MotionTabList;
@@ -5908,7 +5927,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: {
@@ -6172,6 +6191,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.js

@@ -5906,6 +5906,7 @@ var Switch = (props) => {
 Switch.displayName = "Switch";
 
 // src/components/Tabs/Tabs.tsx
+import React41 from "react";
 import {
   Tabs as JoyTabs,
   Tab as JoyTab,
@@ -5915,15 +5916,33 @@ 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;
+function Tab({
+  startDecorator,
+  endDecorator,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React41.createElement(MotionTab, { ...props }, startDecorator, children, endDecorator);
+}
 Tab.displayName = "Tab";
 var MotionTabList = motion29(JoyTabList);
 var TabList = MotionTabList;
@@ -5933,7 +5952,7 @@ var TabPanel = MotionTabPanel;
 TabPanel.displayName = "TabPanel";
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import React41 from "react";
+import React42 from "react";
 import {
   CssBaseline,
   CssVarsProvider,
@@ -6203,7 +6222,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 {