@ceed/ads 0.0.90 → 0.0.92

package/dist/components/CurrencyInput/CurrencyInput.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import { MotionProps } from "framer-motion";
 interface CurrencyInputProps {
     currency?: "usd" | "krw";
-    max?: number;
+    max?: number | string;
     value?: number;
     onChange?: (event: {
         target: {
@@ -16,5 +17,19 @@ interface CurrencyInputProps {
     error?: boolean;
     helperText?: React.ReactNode;
 }
-declare const CurrencyInput: React.ForwardRefExoticComponent<CurrencyInputProps & React.RefAttributes<HTMLDivElement>>;
+declare const CurrencyInput: React.ForwardRefExoticComponent<Omit<CurrencyInputProps & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & Pick<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "autoFocus" | "id" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "type" | "required" | "autoComplete" | "readOnly" | "value" | "name" | "placeholder"> & {
+    className?: string | undefined;
+    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").InputPropsColorOverrides> | undefined;
+    endDecorator?: React.ReactNode;
+    error?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    startDecorator?: React.ReactNode;
+    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").InputPropsSizeOverrides> | undefined;
+    sx?: import("@mui/joy/styles/types").SxProps | undefined;
+    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").InputPropsVariantOverrides> | undefined;
+} & import("@mui/joy").InputSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "color" | "defaultValue" | "autoFocus" | "className" | "id" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "onClick" | "variant" | "sx" | "disabled" | "size" | "endDecorator" | "startDecorator" | "component" | "type" | "error" | "required" | "autoComplete" | "readOnly" | "value" | "name" | "placeholder" | "fullWidth" | keyof import("@mui/joy").InputSlotsAndSlotProps> & MotionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { CurrencyInput };

package/dist/index.js

@@ -172,25 +172,25 @@ var Stack_default = Stack;
 // src/components/Alert/Alert.tsx
 var MotionAlert = motion4(JoyAlert);
 function Alert(props) {
-  const { title, content, actions, color = "primary", variant = "solid", ...innerProps } = props;
+  const { title, content, actions, color = "primary", ...innerProps } = props;
+  const innerVariant = props.variant === "outlined" ? void 0 : props.variant;
   return /* @__PURE__ */ React3.createElement(
     MotionAlert,
     {
       ...innerProps,
       color,
-      variant,
       endDecorator: actions
     },
     /* @__PURE__ */ React3.createElement(Stack_default, null, title && /* @__PURE__ */ React3.createElement(
       Typography_default,
       {
         color,
-        variant,
+        variant: innerVariant,
         level: "title-md",
         fontWeight: 600
       },
       title
-    ), /* @__PURE__ */ React3.createElement(Typography_default, { color, variant, level: "body-md" }, content))
+    ), /* @__PURE__ */ React3.createElement(Typography_default, { color, variant: innerVariant, level: "body-md" }, content))
   );
 }
 Alert.displayName = "Alert";
@@ -1241,12 +1241,6 @@ function getCurrencySymbol(currencyCode) {
   }).format(0);
   return formatted.replace(/[\d\s.,]/g, "");
 }
-function formatValueString(amount, currency = "usd") {
-  const formatter = new IntlMessageFormat(
-    `{amount, number, ::currency/${currency} unit-width-narrow}`
-  );
-  return formatter.format({ amount }).toString();
-}
 var TextMaskAdapter = React14.forwardRef(
   function TextMaskAdapter2(props, ref) {
     const { onChange, currency, ...innerProps } = props;
@@ -1269,7 +1263,7 @@ var TextMaskAdapter = React14.forwardRef(
             }
           });
         },
-        value: formatValueString(value, currency),
+        value: value.toString(),
         unmask: true,
         blocks: {
           num: {
@@ -1301,13 +1295,13 @@ var CurrencyInput = React14.forwardRef(
       ...innerProps
     } = props;
     const [isOverLimit, setIsOverLimit] = useState3(
-      !!props.value && props.value > max
+      !!props.value && props.value > Number(max)
     );
     const handleChange = useCallback3(
       (event) => {
         const amount = Number(event.target.value);
         onChange?.({ ...event, target: { name, value: amount } });
-        if (amount > max) {
+        if (amount > Number(max)) {
           setIsOverLimit(true);
         } else {
           setIsOverLimit(false);
@@ -1919,7 +1913,7 @@ var CalendarSheet = styled6(Sheet_default, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var formatValueString2 = (date) => {
+var formatValueString = (date) => {
   let day = `${date.getDate()}`;
   let month = `${date.getMonth() + 1}`;
   const year = date.getFullYear();
@@ -1959,7 +1953,7 @@ var TextMaskAdapter3 = React17.forwardRef(
             to: 9999
           }
         },
-        format: formatValueString2,
+        format: formatValueString,
         parse: (str) => {
           const yearMonthDay = str.split("/");
           return new Date(
@@ -2043,7 +2037,7 @@ var DatePicker = forwardRef4(
         {
           value: !Number.isNaN(new Date(value).getTime()) ? [new Date(value), void 0] : void 0,
           onChange: ([date]) => {
-            setValue(formatValueString2(date));
+            setValue(formatValueString(date));
             setAnchorEl(null);
           },
           minDate: minDate ? new Date(minDate) : void 0,
@@ -2114,7 +2108,7 @@ var CalendarSheet2 = styled7(Sheet_default, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var formatValueString3 = ([date1, date2]) => {
+var formatValueString2 = ([date1, date2]) => {
   const getStr = (date) => {
     let day = `${date.getDate()}`;
     let month = `${date.getMonth() + 1}`;
@@ -2175,7 +2169,7 @@ var TextMaskAdapter5 = React18.forwardRef(
             to: 9999
           }
         },
-        format: formatValueString3,
+        format: formatValueString2,
         parse: parseDate,
         autofix: "pad",
         overwrite: true,
@@ -2222,7 +2216,7 @@ var DateRangePicker = forwardRef5(
       ([date1, date2]) => {
         if (!date1 || !date2)
           return;
-        setValue(formatValueString3([date1, date2]));
+        setValue(formatValueString2([date1, date2]));
         setAnchorEl(null);
       },
       [setValue, setAnchorEl]
@@ -2439,7 +2433,7 @@ var CalendarSheet3 = styled12(Sheet_default, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var formatValueString4 = ([date1, date2]) => {
+var formatValueString3 = ([date1, date2]) => {
   const getStr = (date) => {
     let month = `${date.getMonth() + 1}`;
     const year = date.getFullYear();
@@ -2483,7 +2477,7 @@ var TextMaskAdapter7 = React23.forwardRef(
             to: 9999
           }
         },
-        format: formatValueString4,
+        format: formatValueString3,
         parse: parseDate2,
         autofix: "pad",
         overwrite: true,
@@ -2530,7 +2524,7 @@ var MonthRangePicker = forwardRef6(
       ([date1, date2]) => {
         if (!date1 || !date2)
           return;
-        setValue(formatValueString4([date1, date2]));
+        setValue(formatValueString3([date1, date2]));
         setAnchorEl(null);
       },
       [setValue, setAnchorEl]

package/framer/index.js

@@ -34896,25 +34896,25 @@ var Stack_default2 = Stack2;
 // src/components/Alert/Alert.tsx
 var MotionAlert = motion4(Alert_default);
 function Alert3(props) {
-  const _a2 = props, { title, content, actions, color: color2 = "primary", variant = "solid" } = _a2, innerProps = __objRest(_a2, ["title", "content", "actions", "color", "variant"]);
+  const _a2 = props, { title, content, actions, color: color2 = "primary" } = _a2, innerProps = __objRest(_a2, ["title", "content", "actions", "color"]);
+  const innerVariant = props.variant === "outlined" ? void 0 : props.variant;
   return /* @__PURE__ */ jsx2(
     MotionAlert,
     __spreadProps(__spreadValues({}, innerProps), {
       color: color2,
-      variant,
       endDecorator: actions,
       children: /* @__PURE__ */ jsxs2(Stack_default2, { children: [
         title && /* @__PURE__ */ jsx2(
           Typography_default2,
           {
             color: color2,
-            variant,
+            variant: innerVariant,
             level: "title-md",
             fontWeight: 600,
             children: title
           }
         ),
-        /* @__PURE__ */ jsx2(Typography_default2, { color: color2, variant, level: "body-md", children: content })
+        /* @__PURE__ */ jsx2(Typography_default2, { color: color2, variant: innerVariant, level: "body-md", children: content })
       ] })
     })
   );
@@ -43878,12 +43878,6 @@ function getCurrencySymbol(currencyCode) {
   }).format(0);
   return formatted.replace(/[\d\s.,]/g, "");
 }
-function formatValueString(amount, currency = "usd") {
-  const formatter = new IntlMessageFormat(
-    `{amount, number, ::currency/${currency} unit-width-narrow}`
-  );
-  return formatter.format({ amount }).toString();
-}
 var TextMaskAdapter = React179.forwardRef(
   function TextMaskAdapter2(props, ref) {
     const _a2 = props, { onChange, currency } = _a2, innerProps = __objRest(_a2, ["onChange", "currency"]);
@@ -43905,7 +43899,7 @@ var TextMaskAdapter = React179.forwardRef(
             }
           });
         },
-        value: formatValueString(value, currency),
+        value: value.toString(),
         unmask: true,
         blocks: {
           num: {
@@ -43946,13 +43940,13 @@ var CurrencyInput = React179.forwardRef(
       "disabled"
     ]);
     const [isOverLimit, setIsOverLimit] = useState26(
-      !!props.value && props.value > max2
+      !!props.value && props.value > Number(max2)
     );
     const handleChange = useCallback27(
       (event) => {
         const amount = Number(event.target.value);
         onChange == null ? void 0 : onChange(__spreadProps(__spreadValues({}, event), { target: { name, value: amount } }));
-        if (amount > max2) {
+        if (amount > Number(max2)) {
           setIsOverLimit(true);
         } else {
           setIsOverLimit(false);
@@ -44645,7 +44639,7 @@ var CalendarSheet = styled_default2(Sheet_default2, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var formatValueString2 = (date) => {
+var formatValueString = (date) => {
   let day = `${date.getDate()}`;
   let month = `${date.getMonth() + 1}`;
   const year = date.getFullYear();
@@ -44684,7 +44678,7 @@ var TextMaskAdapter3 = React181.forwardRef(
             to: 9999
           }
         },
-        format: formatValueString2,
+        format: formatValueString,
         parse: (str) => {
           const yearMonthDay = str.split("/");
           return new Date(
@@ -44770,7 +44764,7 @@ var DatePicker = forwardRef85(
               {
                 value: !Number.isNaN(new Date(value).getTime()) ? [new Date(value), void 0] : void 0,
                 onChange: ([date]) => {
-                  setValue(formatValueString2(date));
+                  setValue(formatValueString(date));
                   setAnchorEl(null);
                 },
                 minDate: minDate ? new Date(minDate) : void 0,
@@ -44843,7 +44837,7 @@ var CalendarSheet2 = styled_default2(Sheet_default2, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var formatValueString3 = ([date1, date2]) => {
+var formatValueString2 = ([date1, date2]) => {
   const getStr = (date) => {
     let day = `${date.getDate()}`;
     let month = `${date.getMonth() + 1}`;
@@ -44903,7 +44897,7 @@ var TextMaskAdapter5 = React182.forwardRef(
             to: 9999
           }
         },
-        format: formatValueString3,
+        format: formatValueString2,
         parse: parseDate,
         autofix: "pad",
         overwrite: true,
@@ -44950,7 +44944,7 @@ var DateRangePicker = forwardRef86(
       ([date1, date2]) => {
         if (!date1 || !date2)
           return;
-        setValue(formatValueString3([date1, date2]));
+        setValue(formatValueString2([date1, date2]));
         setAnchorEl(null);
       },
       [setValue, setAnchorEl]
@@ -45160,7 +45154,7 @@ var CalendarSheet3 = styled_default2(Sheet_default2, {
   boxShadow: theme.shadow.md,
   borderRadius: theme.radius.md
 }));
-var formatValueString4 = ([date1, date2]) => {
+var formatValueString3 = ([date1, date2]) => {
   const getStr = (date) => {
     let month = `${date.getMonth() + 1}`;
     const year = date.getFullYear();
@@ -45203,7 +45197,7 @@ var TextMaskAdapter7 = React183.forwardRef(
             to: 9999
           }
         },
-        format: formatValueString4,
+        format: formatValueString3,
         parse: parseDate2,
         autofix: "pad",
         overwrite: true,
@@ -45250,7 +45244,7 @@ var MonthRangePicker = forwardRef87(
       ([date1, date2]) => {
         if (!date1 || !date2)
           return;
-        setValue(formatValueString4([date1, date2]));
+        setValue(formatValueString3([date1, date2]));
         setAnchorEl(null);
       },
       [setValue, setAnchorEl]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceed/ads",
-  "version": "0.0.90",
+  "version": "0.0.92",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",