azeriand-library 1.16.0 → 1.17.0

package/dist/components/theme-context.d.ts

@@ -1,11 +1,19 @@
 import { ReactNode } from 'react';
 type ThemeMode = 'dark' | 'light';
+type CardProps = {
+    theme?: ThemeMode;
+    color?: string;
+    intensity?: number;
+    appearance?: 'glass' | 'mate' | 'outlined' | 'ghost';
+};
 type ThemeContext = {
     theme: ThemeMode;
     setTheme: (val: ThemeMode) => void;
+    cardDefaults: CardProps;
 };
 export declare const ThemeContext: import('react').Context<ThemeContext>;
-export declare function ThemeContextComponent({ children }: {
+export declare function ThemeContextComponent({ children, defaultTheme }: {
     children: ReactNode;
+    defaultTheme?: CardProps;
 }): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.esm.js

@@ -2484,7 +2484,7 @@ process.env.NODE_ENV !== "production" ? GlobalStyles$1.propTypes = {
   styles: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object, PropTypes.func])
 } : void 0;
 /**
- * @mui/styled-engine v7.3.3
+ * @mui/styled-engine v7.3.7
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -5113,7 +5113,7 @@ function InitColorSchemeScript(options) {
     }
     setter += `
       ${colorSchemeNode}.setAttribute('${attr}'.replace('%s', colorScheme), ${value ? `${value}.replace('%s', colorScheme)` : '""'});`;
-  } else {
+  } else if (attribute !== ".%s") {
     setter += `${colorSchemeNode}.setAttribute('${attribute}', colorScheme);`;
   }
   return /* @__PURE__ */ jsx$1("script", {
@@ -8629,6 +8629,9 @@ function elementTypeAcceptingRef(props, propName, componentName, location, propF
   if (typeof propValue === "function" && !isClassComponent$1(propValue)) {
     warningHint = "Did you accidentally provide a plain function component instead?";
   }
+  if (propValue === React.Fragment) {
+    warningHint = "Did you accidentally provide a React.Fragment instead?";
+  }
   if (warningHint !== void 0) {
     return new Error(`Invalid ${location} \`${safePropName}\` supplied to \`${componentName}\`. Expected an element type that can hold a ref. ${warningHint} For more information see https://mui.com/r/caveat-with-refs-guide`);
   }
@@ -10287,7 +10290,8 @@ const ButtonBase = /* @__PURE__ */ React.forwardRef(function ButtonBase2(inProps
   }
   const buttonProps = {};
   if (ComponentProp === "button") {
-    buttonProps.type = type === void 0 ? "button" : type;
+    const hasFormAttributes = !!other.formAction;
+    buttonProps.type = type === void 0 && !hasFormAttributes ? "button" : type;
     buttonProps.disabled = disabled;
   } else {
     if (!other.href && !other.to) {
@@ -10415,6 +10419,10 @@ process.env.NODE_ENV !== "production" ? ButtonBase.propTypes = {
    * if needed.
    */
   focusVisibleClassName: PropTypes.string,
+  /**
+   * @ignore
+   */
+  formAction: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   /**
    * @ignore
    */
@@ -11449,7 +11457,10 @@ const DAY_MARGIN = 2;
 const DIALOG_WIDTH = 320;
 const MAX_CALENDAR_HEIGHT = 280;
 const VIEW_HEIGHT = 336;
-const PickerViewRoot = styled("div")({
+const PickerViewRoot = styled("div", {
+  slot: "internal",
+  shouldForwardProp: void 0
+})({
   overflow: "hidden",
   width: DIALOG_WIDTH,
   maxHeight: VIEW_HEIGHT,
@@ -11703,7 +11714,7 @@ const overridesResolver = (props, styles2) => {
   const {
     ownerState
   } = props;
-  return [styles2.root, !ownerState.disableMargin && styles2.dayWithMargin, !ownerState.disableHighlightToday && ownerState.isDayCurrent && styles2.today, !ownerState.isDayOutsideMonth && ownerState.showDaysOutsideCurrentMonth && styles2.dayOutsideMonth, ownerState.isDayOutsideMonth && !ownerState.showDaysOutsideCurrentMonth && styles2.hiddenDaySpacingFiller];
+  return [styles2.root, !ownerState.disableMargin && styles2.dayWithMargin, !ownerState.disableHighlightToday && ownerState.isDayCurrent && styles2.today, ownerState.isDayOutsideMonth && ownerState.showDaysOutsideCurrentMonth && styles2.dayOutsideMonth, ownerState.isDayOutsideMonth && !ownerState.showDaysOutsideCurrentMonth && styles2.hiddenDaySpacingFiller];
 };
 const PickersDayRoot = styled(ButtonBase, {
   name: "MuiPickersDay",
@@ -12347,7 +12358,11 @@ const useCalendarState = (params) => {
   const [calendarState, dispatch] = React.useReducer(reducerFn, {
     isMonthSwitchingAnimating: false,
     focusedDay: referenceDate,
-    currentMonth: adapter.startOfMonth(referenceDate),
+    // Keep the time from the reference date when computing the current month anchor.
+    // Using startOfMonth would reset the time to 00:00 which breaks expectations
+    // that month selections preserve the referenceDate time when no value is provided.
+    // See tests: "should use `referenceDate` when no value defined".
+    currentMonth: adapter.setDate(referenceDate, 1),
     slideDirection: "left"
   });
   const isDateDisabled = useIsDateDisabled({
@@ -13254,7 +13269,8 @@ const MonthCalendar = /* @__PURE__ */ React.forwardRef(function MonthCalendar2(i
       return;
     }
     const currentValue = value && currentMonth && !adapter.isSameYear(value, currentMonth) ? adapter.setYear(value, adapter.getYear(currentMonth)) : value;
-    const newDate = adapter.setMonth(currentValue ?? referenceDate, month);
+    const baseDateForMonth = currentValue ?? currentMonth ?? referenceDate;
+    const newDate = adapter.setMonth(baseDateForMonth, month);
     handleValueChange(newDate);
   });
   const focusMonth = useEventCallback((month) => {
@@ -14739,7 +14755,7 @@ function warnOnce(message, gravity = "warning") {
   }
 }
 var dayjs_min = { exports: {} };
-(function(module, exports) {
+(function(module, exports$1) {
   !function(t, e) {
     module.exports = e();
   }(commonjsGlobal, function() {
@@ -15017,7 +15033,7 @@ var dayjs_min = { exports: {} };
 var dayjs_minExports = dayjs_min.exports;
 const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 var weekOfYear = { exports: {} };
-(function(module, exports) {
+(function(module, exports$1) {
   !function(e, t) {
     module.exports = t();
   }(commonjsGlobal, function() {
@@ -15042,7 +15058,7 @@ var weekOfYear = { exports: {} };
 var weekOfYearExports = weekOfYear.exports;
 const weekOfYearPlugin = /* @__PURE__ */ getDefaultExportFromCjs(weekOfYearExports);
 var customParseFormat = { exports: {} };
-(function(module, exports) {
+(function(module, exports$1) {
   !function(e, t) {
     module.exports = t();
   }(commonjsGlobal, function() {
@@ -15167,7 +15183,7 @@ var customParseFormat = { exports: {} };
 var customParseFormatExports = customParseFormat.exports;
 const customParseFormatPlugin = /* @__PURE__ */ getDefaultExportFromCjs(customParseFormatExports);
 var localizedFormat = { exports: {} };
-(function(module, exports) {
+(function(module, exports$1) {
   !function(e, t) {
     module.exports = t();
   }(commonjsGlobal, function() {
@@ -15192,7 +15208,7 @@ var localizedFormat = { exports: {} };
 var localizedFormatExports = localizedFormat.exports;
 const localizedFormatPlugin = /* @__PURE__ */ getDefaultExportFromCjs(localizedFormatExports);
 var isBetween = { exports: {} };
-(function(module, exports) {
+(function(module, exports$1) {
   !function(e, i) {
     module.exports = i();
   }(commonjsGlobal, function() {
@@ -15207,7 +15223,7 @@ var isBetween = { exports: {} };
 var isBetweenExports = isBetween.exports;
 const isBetweenPlugin = /* @__PURE__ */ getDefaultExportFromCjs(isBetweenExports);
 var advancedFormat = { exports: {} };
-(function(module, exports) {
+(function(module, exports$1) {
   !function(e, t) {
     module.exports = t();
   }(commonjsGlobal, function() {
@@ -15739,20 +15755,31 @@ class AdapterDayjs {
   }
 }
 const DEFAULT_THEME = "dark";
-const ThemeContext = createContext({ theme: DEFAULT_THEME, setTheme: () => {
-} });
-function ThemeContextComponent({ children }) {
-  const [theme, setTheme] = useState(DEFAULT_THEME);
-  return /* @__PURE__ */ jsx$1(ThemeContext.Provider, { value: { theme, setTheme }, children: /* @__PURE__ */ jsx$1(LocalizationProvider, { dateAdapter: AdapterDayjs, children }) });
+const DEFAULT_CARD_PROPS = {
+  theme: DEFAULT_THEME,
+  color: "gray",
+  intensity: 400,
+  appearance: "glass"
+};
+const ThemeContext = createContext({
+  theme: DEFAULT_THEME,
+  setTheme: () => {
+  },
+  cardDefaults: DEFAULT_CARD_PROPS
+});
+function ThemeContextComponent({ children, defaultTheme: defaultTheme2 }) {
+  const [theme, setTheme] = useState((defaultTheme2 == null ? void 0 : defaultTheme2.theme) || DEFAULT_THEME);
+  const [cardDefaults] = useState({ ...DEFAULT_CARD_PROPS, ...defaultTheme2 });
+  return /* @__PURE__ */ jsx$1(ThemeContext.Provider, { value: { theme, setTheme, cardDefaults }, children: /* @__PURE__ */ jsx$1(LocalizationProvider, { dateAdapter: AdapterDayjs, children }) });
 }
 function Card({
   as,
   children,
   noPadding,
   noBlur = false,
-  appearance = "glass",
+  appearance,
   blur = 10,
-  color: color2 = "neutral",
+  color: color2,
   intensity,
   dark: dark2 = true,
   onClick,
@@ -15763,16 +15790,22 @@ function Card({
   const Component = as || "article";
   let [classNames, setClassNames] = useState("");
   let [cardStyle, setCardStyle] = useState({});
-  const { theme } = useContext(ThemeContext);
+  const { theme, cardDefaults } = useContext(ThemeContext);
+  const mergedProps = {
+    appearance: appearance || cardDefaults.appearance,
+    color: color2 || cardDefaults.color,
+    intensity: intensity || cardDefaults.intensity,
+    dark: dark2 !== void 0 ? dark2 : cardDefaults.theme
+  };
   useEffect(() => {
-    let intensityValue = intensity;
+    let intensityValue = mergedProps.intensity;
     if (intensityValue === void 0) {
       intensityValue = theme === "dark" ? 600 : 300;
     }
     setCardStyle({
-      "--glass-color": `var(--color-${color2}-${intensityValue})`,
-      "--card-text-color": `var(--color-${color2}-${dark2 ? "100" : "800"})`,
-      backdropFilter: appearance === "glass" && !noBlur ? `blur(${blur}px)` : void 0,
+      "--glass-color": `var(--color-${mergedProps.color}-${intensityValue})`,
+      "--card-text-color": `var(--color-${mergedProps.color}-${mergedProps.dark ? "100" : "800"})`,
+      backdropFilter: mergedProps.appearance === "glass" && !noBlur ? `blur(${blur}px)` : void 0,
       ...style2
     });
     let rounded = "rounded-md";
@@ -15782,15 +15815,15 @@ function Card({
         rounded = roundedMatch[roundedMatch.length - 1];
       }
     }
-    setClassNames(`card ${rounded} ${appearance} ${className} ${noPadding ? "" : "p-[2rem]"}`);
+    setClassNames(`card ${rounded} ${mergedProps.appearance} ${className} ${noPadding ? "" : "p-[2rem]"}`);
   }, [color2, intensity, dark2, appearance, noBlur, className, theme]);
   return /* @__PURE__ */ jsx$1(Component, { className: classNames, style: cardStyle, onClick, ...rest, children });
 }
 function Button({ children, label, icon, position: position2 = "left", onClick, size, className, ...cardProps }) {
   let defaultCardClassNames = "flex justify-center items-center gap-x-[0.40rem] box-border cursor-pointer w-fit ";
-  let specificCardClassNames = "min-w-[2.5rem] px-[1rem] py-1";
+  let specificCardClassNames = "min-w-[2.5rem] px-4 py-2.5";
   if (size === "sm") {
-    specificCardClassNames = "min-w-auto text-xs px-[0.5rem] py-1";
+    specificCardClassNames = "min-w-auto text-xs px-2.5 py-1.5";
     className = `${className}`;
   }
   if (icon && !label) {
@@ -15973,8 +16006,8 @@ function Checkbox({ label, checkedDefault = false, onChange }) {
     setChecked(newValue);
     onChange(newValue);
   }
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 w-fit", onClick: checkboxClicked, children: [
-    /* @__PURE__ */ jsx$1(Button, { icon: checked ? /* @__PURE__ */ jsx$1(FaCheck, {}) : null }),
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[0.5rem]", onClick: checkboxClicked, children: [
+    /* @__PURE__ */ jsx$1(Button, { icon: checked ? /* @__PURE__ */ jsx$1(FaCheck, {}) : null, className: "min-w-[2rem] min-h-[2rem]" }),
     label
   ] });
 }
@@ -16020,7 +16053,7 @@ function Calendar({ selectedDates, ...cardProps }) {
       mode: "dark"
     }
   });
-  return /* @__PURE__ */ jsx$1(Card, { appearance: cardProps.appearance ?? "ghost", noPadding: true, ...cardProps, children: /* @__PURE__ */ jsx$1(ThemeProvider, { theme, children: /* @__PURE__ */ jsx$1(
+  return /* @__PURE__ */ jsx$1(Card, { appearance: cardProps.appearance ?? "ghost", noPadding: true, ...cardProps, className: "w-fit px-5 pt-7", children: /* @__PURE__ */ jsx$1(ThemeProvider, { theme, children: /* @__PURE__ */ jsx$1(
     DateCalendar,
     {
       slots: { day: CustomDay },