@nexus-cross/design-system 2.0.4 → 2.0.6

package/dist/components/NumberInput.d.ts

@@ -43,6 +43,14 @@ interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
     containerClassName?: string;
     /** <input> element 자체에 적용 (font-size 같은 텍스트 스타일 오버라이드 시). */
     inputClassName?: string;
+    /**
+     * 천단위 콤마 구분자를 화면에 표시.
+     * - `false` (default): `1000` 그대로 표시
+     * - `true`: 화면엔 `1,000` 으로 표시하되, `onValueChange` 로는 콤마 없는 raw 숫자 (1000) 가 전달됨
+     *
+     * 소수점은 콤마가 들어가지 않는다 (`1234.567` → `1,234.567`).
+     */
+    separator?: boolean;
 }
 declare function numberInputBind(ref: React.RefObject<NumberInputRef | null>, direction: 'increment' | 'decrement'): {
     onPointerDown: (e: React.PointerEvent) => void;

package/dist/components/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/components/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,mBAAmB;;;8EAcvB,CAAC;AAqDH,UAAU,cAAc;IACtB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAChD,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,UAAU,gBACR,SAAQ,IAAI,CACR,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,GAAG,OAAO,CAC9B,EACD,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAcD,iBAAS,eAAe,CACtB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAC3C,SAAS,EAAE,WAAW,GAAG,WAAW;uBAGf,KAAK,CAAC,YAAY;;;EAOxC;AAED,QAAA,MAAM,WAAW,yFA+ThB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,eAAe,EAAE,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../src/components/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,mBAAmB;;;8EAcvB,CAAC;AAqDH,UAAU,cAAc;IACtB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;IAChD,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,UAAU,gBACR,SAAQ,IAAI,CACR,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,GAAG,OAAO,CAC9B,EACD,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAcD,iBAAS,eAAe,CACtB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAC3C,SAAS,EAAE,WAAW,GAAG,WAAW;uBAGf,KAAK,CAAC,YAAY;;;EAOxC;AAED,QAAA,MAAM,WAAW,yFAkVhB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,eAAe,EAAE,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/PriceInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PriceInput.d.ts","sourceRoot":"","sources":["../../src/components/PriceInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAclE,QAAA,MAAM,kBAAkB;;;8EAatB,CAAC;AAEH,UAAU,eACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC,EACtG,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gGAAgG;IAChG,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,iHAAiH;IACjH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,iCAAiC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yFAAyF;IACzF,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,QAAA,MAAM,UAAU,0FAqMf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"PriceInput.d.ts","sourceRoot":"","sources":["../../src/components/PriceInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,kBAAkB;;;8EAatB,CAAC;AAEH,UAAU,eACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC,EACtG,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gGAAgG;IAChG,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,sEAAsE;IACtE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2GAA2G;IAC3G,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,iHAAiH;IACjH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,iCAAiC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,yFAAyF;IACzF,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,QAAA,MAAM,UAAU,0FAqMf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/index.js

@@ -41,8 +41,9 @@ var chunkJ5ZKGPBY_js = require('./chunks/chunk-J5ZKGPBY.js');
 var chunkX2SHTVZQ_js = require('./chunks/chunk-X2SHTVZQ.js');
 var chunkBBLBTOP4_js = require('./chunks/chunk-BBLBTOP4.js');
 var chunkXGIJZ3NZ_js = require('./chunks/chunk-XGIJZ3NZ.js');
-var chunk2BINGHGR_js = require('./chunks/chunk-2BINGHGR.js');
-var chunk4ENXP7WH_js = require('./chunks/chunk-4ENXP7WH.js');
+var chunkEBMOQIY5_js = require('./chunks/chunk-EBMOQIY5.js');
+var chunkL7SGGDY3_js = require('./chunks/chunk-L7SGGDY3.js');
+require('./chunks/chunk-3BMVYJCA.js');
 var chunkMA2VCCIY_js = require('./chunks/chunk-MA2VCCIY.js');
 var chunkR744EATX_js = require('./chunks/chunk-R744EATX.js');
 var chunkF24AY3HI_js = require('./chunks/chunk-F24AY3HI.js');
@@ -766,23 +767,23 @@ Object.defineProperty(exports, "textAreaVariants", {
 });
 Object.defineProperty(exports, "NumberInput", {
   enumerable: true,
-  get: function () { return chunk2BINGHGR_js.NumberInput; }
+  get: function () { return chunkEBMOQIY5_js.NumberInput; }
 });
 Object.defineProperty(exports, "numberInputBind", {
   enumerable: true,
-  get: function () { return chunk2BINGHGR_js.numberInputBind; }
+  get: function () { return chunkEBMOQIY5_js.numberInputBind; }
 });
 Object.defineProperty(exports, "numberInputVariants", {
   enumerable: true,
-  get: function () { return chunk2BINGHGR_js.numberInputVariants; }
+  get: function () { return chunkEBMOQIY5_js.numberInputVariants; }
 });
 Object.defineProperty(exports, "PriceInput", {
   enumerable: true,
-  get: function () { return chunk4ENXP7WH_js.PriceInput; }
+  get: function () { return chunkL7SGGDY3_js.PriceInput; }
 });
 Object.defineProperty(exports, "priceInputVariants", {
   enumerable: true,
-  get: function () { return chunk4ENXP7WH_js.priceInputVariants; }
+  get: function () { return chunkL7SGGDY3_js.priceInputVariants; }
 });
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,

package/dist/index.mjs

@@ -39,8 +39,9 @@ export { CheckBox, checkBoxVariants } from './chunks/chunk-MRRKW5QN.mjs';
 export { Switch, switchVariants } from './chunks/chunk-ADO7PDLY.mjs';
 export { TextInput, textInputVariants } from './chunks/chunk-UKRU46PH.mjs';
 export { TextArea, textAreaVariants } from './chunks/chunk-ZU4AWAFT.mjs';
-export { NumberInput, numberInputBind, numberInputVariants } from './chunks/chunk-RL5UAEGQ.mjs';
-export { PriceInput, priceInputVariants } from './chunks/chunk-WGGBE4ZD.mjs';
+export { NumberInput, numberInputBind, numberInputVariants } from './chunks/chunk-FMUWSORG.mjs';
+export { PriceInput, priceInputVariants } from './chunks/chunk-QBMDWUQU.mjs';
+import './chunks/chunk-KHCPES3K.mjs';
 export { Avatar, avatarVariants } from './chunks/chunk-YLO4UKSC.mjs';
 export { ModalContainer_default as ModalContainer, ModalPortalTarget_default as ModalPortalTarget, ModalTemplate_default as ModalTemplate, checkModal, closeModal, getModalDefaultOption, openModal as modal, openModal, resetModal } from './chunks/chunk-7WWQ5DS3.mjs';
 export { useDraggableBottomSheet } from './chunks/chunk-WBCXHGRL.mjs';

package/dist/number-input.js

@@ -1,19 +1,20 @@
 'use strict';
 
-var chunk2BINGHGR_js = require('./chunks/chunk-2BINGHGR.js');
+var chunkEBMOQIY5_js = require('./chunks/chunk-EBMOQIY5.js');
+require('./chunks/chunk-3BMVYJCA.js');
 require('./chunks/chunk-CZC76ZD5.js');
 
 
 
 Object.defineProperty(exports, "NumberInput", {
   enumerable: true,
-  get: function () { return chunk2BINGHGR_js.NumberInput; }
+  get: function () { return chunkEBMOQIY5_js.NumberInput; }
 });
 Object.defineProperty(exports, "numberInputBind", {
   enumerable: true,
-  get: function () { return chunk2BINGHGR_js.numberInputBind; }
+  get: function () { return chunkEBMOQIY5_js.numberInputBind; }
 });
 Object.defineProperty(exports, "numberInputVariants", {
   enumerable: true,
-  get: function () { return chunk2BINGHGR_js.numberInputVariants; }
+  get: function () { return chunkEBMOQIY5_js.numberInputVariants; }
 });

package/dist/number-input.mjs

@@ -1,2 +1,3 @@
-export { NumberInput, numberInputBind, numberInputVariants } from './chunks/chunk-RL5UAEGQ.mjs';
+export { NumberInput, numberInputBind, numberInputVariants } from './chunks/chunk-FMUWSORG.mjs';
+import './chunks/chunk-KHCPES3K.mjs';
 import './chunks/chunk-MCKOWMLS.mjs';

package/dist/price-input.js

@@ -1,15 +1,16 @@
 'use strict';
 
-var chunk4ENXP7WH_js = require('./chunks/chunk-4ENXP7WH.js');
+var chunkL7SGGDY3_js = require('./chunks/chunk-L7SGGDY3.js');
+require('./chunks/chunk-3BMVYJCA.js');
 require('./chunks/chunk-CZC76ZD5.js');
 
 
 
 Object.defineProperty(exports, "PriceInput", {
   enumerable: true,
-  get: function () { return chunk4ENXP7WH_js.PriceInput; }
+  get: function () { return chunkL7SGGDY3_js.PriceInput; }
 });
 Object.defineProperty(exports, "priceInputVariants", {
   enumerable: true,
-  get: function () { return chunk4ENXP7WH_js.priceInputVariants; }
+  get: function () { return chunkL7SGGDY3_js.priceInputVariants; }
 });

package/dist/price-input.mjs

@@ -1,2 +1,3 @@
-export { PriceInput, priceInputVariants } from './chunks/chunk-WGGBE4ZD.mjs';
+export { PriceInput, priceInputVariants } from './chunks/chunk-QBMDWUQU.mjs';
+import './chunks/chunk-KHCPES3K.mjs';
 import './chunks/chunk-MCKOWMLS.mjs';

package/dist/schemas/_all.json

@@ -2101,6 +2101,11 @@
               "type": "string",
               "description": "Placeholder (default: \"0\")"
             },
+            "separator": {
+              "type": "boolean",
+              "default": false,
+              "description": "Display thousand-separator commas (e.g. 1,000). onValueChange still receives raw number without commas. Decimal part is not separated (1,234.567)."
+            },
             "name": {
               "type": "string",
               "description": "Form field name"
@@ -2128,7 +2133,7 @@
             }
           },
           "additionalProperties": false,
-          "description": "Number input with two variants: basic (chevron arrows) and bind (+/- buttons). Supports label, description, max display (click to fill), accelerated increment on long press. numberInputBind(ref, direction) binds acceleration to external buttons.\n\nWHEN TO USE:\n  • Any numeric field — quantity, score, age, count\n  • Currency with thousand separators → PriceInput instead\n  • Date / time → DatePicker instead\n\nANTI-PATTERNS:\n  ✗ <TextInput type=\"number\"> → <NumberInput> (loses keyboard ↑↓, step, accelerated long-press, max click)\n  ✗ Custom +/- buttons + <input> → variant=\"bind\" (or numberInputBind for external)\n  ✗ Manual thousand separators for currency → PriceInput\n  ✗ Inline unit text inside label/description → use prefixIcon/suffixIcon (e.g. suffixIcon=\"%\")"
+          "description": "Number input with two variants: basic (chevron arrows) and bind (+/- buttons). Supports label, description, max display (click to fill), accelerated increment on long press. numberInputBind(ref, direction) binds acceleration to external buttons.\n\nWHEN TO USE:\n  • Any numeric field — quantity, score, age, count\n  • Need thousand separators? Set separator={true}\n  • Currency UX (prefix $, balance, maxBalance, click-to-fill balance) → PriceInput instead\n  • Date / time → DatePicker instead\n\nANTI-PATTERNS:\n  ✗ <TextInput type=\"number\"> → <NumberInput> (loses keyboard ↑↓, step, accelerated long-press, max click)\n  ✗ Custom +/- buttons + <input> → variant=\"bind\" (or numberInputBind for external)\n  ✗ Manual thousand separator string formatting → use separator={true}\n  ✗ Inline unit text inside label/description → use prefixIcon/suffixIcon (e.g. suffixIcon=\"%\")"
         }
       },
       "$schema": "http://json-schema.org/draft-07/schema#"

package/dist/schemas/number-input.d.ts

@@ -17,6 +17,7 @@ export declare const numberInputPropsSchema: z.ZodObject<{
     disabled: z.ZodOptional<z.ZodBoolean>;
     readOnly: z.ZodOptional<z.ZodBoolean>;
     placeholder: z.ZodOptional<z.ZodString>;
+    separator: z.ZodDefault<z.ZodBoolean>;
     name: z.ZodOptional<z.ZodString>;
     id: z.ZodOptional<z.ZodString>;
     autoFocus: z.ZodOptional<z.ZodBoolean>;
@@ -25,6 +26,7 @@ export declare const numberInputPropsSchema: z.ZodObject<{
     onFocus: z.ZodOptional<z.ZodAny>;
     className: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
+    separator: boolean;
     size: "xl" | "lg" | "md";
     variant: "basic" | "bind";
     step: number;
@@ -55,6 +57,7 @@ export declare const numberInputPropsSchema: z.ZodObject<{
     id?: string | undefined;
     error?: boolean | undefined;
     label?: string | undefined;
+    separator?: boolean | undefined;
     description?: string | undefined;
     value?: string | number | undefined;
     size?: "xl" | "lg" | "md" | undefined;

package/dist/schemas/number-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/schemas/number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EhC,CAAC"}
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/schemas/number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFhC,CAAC"}

package/dist/schemas/numberInput.json

@@ -87,6 +87,11 @@
           "type": "string",
           "description": "Placeholder (default: \"0\")"
         },
+        "separator": {
+          "type": "boolean",
+          "default": false,
+          "description": "Display thousand-separator commas (e.g. 1,000). onValueChange still receives raw number without commas. Decimal part is not separated (1,234.567)."
+        },
         "name": {
           "type": "string",
           "description": "Form field name"
@@ -114,7 +119,7 @@
         }
       },
       "additionalProperties": false,
-      "description": "Number input with two variants: basic (chevron arrows) and bind (+/- buttons). Supports label, description, max display (click to fill), accelerated increment on long press. numberInputBind(ref, direction) binds acceleration to external buttons.\n\nWHEN TO USE:\n  • Any numeric field — quantity, score, age, count\n  • Currency with thousand separators → PriceInput instead\n  • Date / time → DatePicker instead\n\nANTI-PATTERNS:\n  ✗ <TextInput type=\"number\"> → <NumberInput> (loses keyboard ↑↓, step, accelerated long-press, max click)\n  ✗ Custom +/- buttons + <input> → variant=\"bind\" (or numberInputBind for external)\n  ✗ Manual thousand separators for currency → PriceInput\n  ✗ Inline unit text inside label/description → use prefixIcon/suffixIcon (e.g. suffixIcon=\"%\")"
+      "description": "Number input with two variants: basic (chevron arrows) and bind (+/- buttons). Supports label, description, max display (click to fill), accelerated increment on long press. numberInputBind(ref, direction) binds acceleration to external buttons.\n\nWHEN TO USE:\n  • Any numeric field — quantity, score, age, count\n  • Need thousand separators? Set separator={true}\n  • Currency UX (prefix $, balance, maxBalance, click-to-fill balance) → PriceInput instead\n  • Date / time → DatePicker instead\n\nANTI-PATTERNS:\n  ✗ <TextInput type=\"number\"> → <NumberInput> (loses keyboard ↑↓, step, accelerated long-press, max click)\n  ✗ Custom +/- buttons + <input> → variant=\"bind\" (or numberInputBind for external)\n  ✗ Manual thousand separator string formatting → use separator={true}\n  ✗ Inline unit text inside label/description → use prefixIcon/suffixIcon (e.g. suffixIcon=\"%\")"
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"

package/dist/schemas.js

@@ -1186,6 +1186,9 @@ var numberInputPropsSchema = zod.z.object({
   disabled: zod.z.boolean().optional().describe("Disabled"),
   readOnly: zod.z.boolean().optional().describe("Read-only (includes hiding buttons)"),
   placeholder: zod.z.string().optional().describe('Placeholder (default: "0")'),
+  separator: zod.z.boolean().default(false).describe(
+    "Display thousand-separator commas (e.g. 1,000). onValueChange still receives raw number without commas. Decimal part is not separated (1,234.567)."
+  ),
   name: zod.z.string().optional().describe("Form field name"),
   id: zod.z.string().optional().describe("Element ID"),
   autoFocus: zod.z.boolean().optional().describe("Auto focus"),
@@ -1198,13 +1201,14 @@ var numberInputPropsSchema = zod.z.object({
 
 WHEN TO USE:
   \u2022 Any numeric field \u2014 quantity, score, age, count
-  \u2022 Currency with thousand separators \u2192 PriceInput instead
+  \u2022 Need thousand separators? Set separator={true}
+  \u2022 Currency UX (prefix $, balance, maxBalance, click-to-fill balance) \u2192 PriceInput instead
   \u2022 Date / time \u2192 DatePicker instead
 
 ANTI-PATTERNS:
   \u2717 <TextInput type="number"> \u2192 <NumberInput> (loses keyboard \u2191\u2193, step, accelerated long-press, max click)
   \u2717 Custom +/- buttons + <input> \u2192 variant="bind" (or numberInputBind for external)
-  \u2717 Manual thousand separators for currency \u2192 PriceInput
+  \u2717 Manual thousand separator string formatting \u2192 use separator={true}
   \u2717 Inline unit text inside label/description \u2192 use prefixIcon/suffixIcon (e.g. suffixIcon="%")`
 );
 var priceInputPropsSchema = zod.z.object({

package/dist/schemas.mjs

@@ -1184,6 +1184,9 @@ var numberInputPropsSchema = z.object({
   disabled: z.boolean().optional().describe("Disabled"),
   readOnly: z.boolean().optional().describe("Read-only (includes hiding buttons)"),
   placeholder: z.string().optional().describe('Placeholder (default: "0")'),
+  separator: z.boolean().default(false).describe(
+    "Display thousand-separator commas (e.g. 1,000). onValueChange still receives raw number without commas. Decimal part is not separated (1,234.567)."
+  ),
   name: z.string().optional().describe("Form field name"),
   id: z.string().optional().describe("Element ID"),
   autoFocus: z.boolean().optional().describe("Auto focus"),
@@ -1196,13 +1199,14 @@ var numberInputPropsSchema = z.object({
 
 WHEN TO USE:
   \u2022 Any numeric field \u2014 quantity, score, age, count
-  \u2022 Currency with thousand separators \u2192 PriceInput instead
+  \u2022 Need thousand separators? Set separator={true}
+  \u2022 Currency UX (prefix $, balance, maxBalance, click-to-fill balance) \u2192 PriceInput instead
   \u2022 Date / time \u2192 DatePicker instead
 
 ANTI-PATTERNS:
   \u2717 <TextInput type="number"> \u2192 <NumberInput> (loses keyboard \u2191\u2193, step, accelerated long-press, max click)
   \u2717 Custom +/- buttons + <input> \u2192 variant="bind" (or numberInputBind for external)
-  \u2717 Manual thousand separators for currency \u2192 PriceInput
+  \u2717 Manual thousand separator string formatting \u2192 use separator={true}
   \u2717 Inline unit text inside label/description \u2192 use prefixIcon/suffixIcon (e.g. suffixIcon="%")`
 );
 var priceInputPropsSchema = z.object({