@photonix/basic 3.4.0 → 3.6.0

package/dist/index.css

@@ -6260,12 +6260,15 @@
 .buttonContent {
   align-items: center;
   display: inline-flex;
+  min-inline-size: 0;
   position: relative;
   z-index: var(--z-local-content);
 }
 .buttonText {
-  align-items: center;
-  display: inline-flex;
+  display: block;
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .buttonBadge {
   flex-shrink: 0;

package/dist/index.d.mts

@@ -690,6 +690,8 @@ interface InputFormatOptions {
     maxDigits?: number;
     /** Allow decimal input for currency. Default: true */
     allowDecimal?: boolean;
+    /** Digits kept after the decimal mark for currency. Default: 2 */
+    maxDecimals?: number;
     /**
      * Calling code for `phone` when it is shown outside the value (a country
      * picker, say). A `leadingText` such as `+84` is picked up on its own.

package/dist/index.d.ts

@@ -690,6 +690,8 @@ interface InputFormatOptions {
     maxDigits?: number;
     /** Allow decimal input for currency. Default: true */
     allowDecimal?: boolean;
+    /** Digits kept after the decimal mark for currency. Default: 2 */
+    maxDecimals?: number;
     /**
      * Calling code for `phone` when it is shown outside the value (a country
      * picker, say). A `leadingText` such as `+84` is picked up on its own.

package/dist/index.js

@@ -7577,7 +7577,7 @@ var DropdownList = React235.forwardRef(
 DropdownList.displayName = "DropdownList";
 
 // ../ultimate/src/utils/format.utils.ts
-var formatCurrency = (value, separator = ",", allowDecimal = true) => {
+var formatCurrency = (value, separator = ",", allowDecimal = true, maxDecimals = 2) => {
   if (!value) return "";
   const decimalChar = separator === "," ? "." : ",";
   let cleaned = value.replace(new RegExp(`[^\\d\\${decimalChar}-]`, "g"), "");
@@ -7591,7 +7591,7 @@ var formatCurrency = (value, separator = ",", allowDecimal = true) => {
   integerPart = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
   let result = integerPart;
   if (allowDecimal && decimalPart !== void 0) {
-    result += decimalChar + decimalPart;
+    result += decimalChar + decimalPart.slice(0, maxDecimals);
   }
   if (isNegative && result !== "0") {
     result = "-" + result;
@@ -7837,6 +7837,7 @@ var TextField = React237.forwardRef(
     const separator = formatOptions?.separator ?? ",";
     const allowDecimal = formatOptions?.allowDecimal ?? true;
     const maxDigits = formatOptions?.maxDigits;
+    const maxDecimals = formatOptions?.maxDecimals ?? 2;
     const applyFormat = React237.useCallback((raw) => {
       switch (activeFormat) {
         case "currency": {
@@ -7849,7 +7850,7 @@ var TextField = React237.forwardRef(
               cleaned = parts.join(decimalChar);
             }
           }
-          return formatCurrency(cleaned, separator, allowDecimal);
+          return formatCurrency(cleaned, separator, allowDecimal, maxDecimals);
         }
         case "phone":
           return formatPhone(raw, { countryCode: phoneCountryCode });
@@ -7862,7 +7863,7 @@ var TextField = React237.forwardRef(
         default:
           return raw;
       }
-    }, [activeFormat, separator, allowDecimal, maxDigits, phoneCountryCode]);
+    }, [activeFormat, separator, allowDecimal, maxDigits, maxDecimals, phoneCountryCode]);
     const handleBlur = (e) => {
       setFocused(false);
       if (activeFormat && currentValue) {

package/dist/index.mjs

@@ -7287,7 +7287,7 @@ var DropdownList = React235.forwardRef(
 DropdownList.displayName = "DropdownList";
 
 // ../ultimate/src/utils/format.utils.ts
-var formatCurrency = (value, separator = ",", allowDecimal = true) => {
+var formatCurrency = (value, separator = ",", allowDecimal = true, maxDecimals = 2) => {
   if (!value) return "";
   const decimalChar = separator === "," ? "." : ",";
   let cleaned = value.replace(new RegExp(`[^\\d\\${decimalChar}-]`, "g"), "");
@@ -7301,7 +7301,7 @@ var formatCurrency = (value, separator = ",", allowDecimal = true) => {
   integerPart = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
   let result = integerPart;
   if (allowDecimal && decimalPart !== void 0) {
-    result += decimalChar + decimalPart;
+    result += decimalChar + decimalPart.slice(0, maxDecimals);
   }
   if (isNegative && result !== "0") {
     result = "-" + result;
@@ -7547,6 +7547,7 @@ var TextField = React237.forwardRef(
     const separator = formatOptions?.separator ?? ",";
     const allowDecimal = formatOptions?.allowDecimal ?? true;
     const maxDigits = formatOptions?.maxDigits;
+    const maxDecimals = formatOptions?.maxDecimals ?? 2;
     const applyFormat = React237.useCallback((raw) => {
       switch (activeFormat) {
         case "currency": {
@@ -7559,7 +7560,7 @@ var TextField = React237.forwardRef(
               cleaned = parts.join(decimalChar);
             }
           }
-          return formatCurrency(cleaned, separator, allowDecimal);
+          return formatCurrency(cleaned, separator, allowDecimal, maxDecimals);
         }
         case "phone":
           return formatPhone(raw, { countryCode: phoneCountryCode });
@@ -7572,7 +7573,7 @@ var TextField = React237.forwardRef(
         default:
           return raw;
       }
-    }, [activeFormat, separator, allowDecimal, maxDigits, phoneCountryCode]);
+    }, [activeFormat, separator, allowDecimal, maxDigits, maxDecimals, phoneCountryCode]);
     const handleBlur = (e) => {
       setFocused(false);
       if (activeFormat && currentValue) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photonix/basic",
-  "version": "3.4.0",
+  "version": "3.6.0",
   "description": "Photonix Basic - Foundation primitives and essential UI building blocks",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -17,8 +17,8 @@
     "./dist/index.css": "./dist/index.css"
   },
   "dependencies": {
-    "@photonix/icons": "^3.4.0",
-    "@photonix/illustrations": "^3.4.0"
+    "@photonix/icons": "^3.6.0",
+    "@photonix/illustrations": "^3.6.0"
   },
   "devDependencies": {
     "@repo/typescript-config": "*",
@@ -26,7 +26,7 @@
     "eslint": "^9.39.1",
     "tsup": "^8.0.2",
     "typescript": "5.9.2",
-    "@photonix/ultimate": "^3.4.0"
+    "@photonix/ultimate": "^3.6.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",