@nexus-cross/design-system 2.0.0 → 2.0.1

package/dist/components/NumberInput.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const numberInputVariants: (props?: ({
     variant?: "basic" | "bind" | null | undefined;
-    size?: "xl" | "lg" | null | undefined;
+    size?: "xl" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface NumberInputRef {
     input: HTMLInputElement | null;
@@ -23,7 +23,26 @@ interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
     description?: string;
     showMax?: boolean;
     hideButtons?: boolean;
+    /**
+     * 입력 좌측에 표시할 prefix (ReactNode). 단위/통화 기호/아이콘 등.
+     * 예: `prefixIcon="$"`, `prefixIcon={<SearchIcon />}`
+     */
+    prefixIcon?: React.ReactNode;
+    /**
+     * 입력 우측에 표시할 suffix (ReactNode). 단위(%, 원, kg 등) 표시에 유용.
+     * 단, basic variant에서 화살표 버튼이 우측에 있으므로 `hideButtons` 또는 `bind` variant와 함께 사용 권장.
+     */
+    suffixIcon?: React.ReactNode;
     onValueChange?: (value: number | undefined) => void;
+    /**
+     * 입력 박스(border가 있는 container) 자체에 적용. 높이/패딩 조정 시 사용.
+     * 예: `containerClassName="h-12 px-4"`
+     *
+     * 일반 `className`은 outer wrapper(label/box/description 그룹)에 적용된다.
+     */
+    containerClassName?: string;
+    /** <input> element 자체에 적용 (font-size 같은 텍스트 스타일 오버라이드 시). */
+    inputClassName?: string;
 }
 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;;;8EAYvB,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,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CACrD;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+ShB,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;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"}

package/dist/components/Select.d.ts

@@ -13,11 +13,15 @@ interface SelectProps extends VariantProps<typeof selectTriggerVariants> {
     onValueChange?: (value: string) => void;
     placeholder?: string;
     disabled?: boolean;
+    /** 트리거 wrapper(`<div>`)에 적용. width(`w-*`/`min-w-*`)를 외부에서 오버라이드할 때 사용. */
     className?: string;
     displayComponent?: ReactNode;
+    /** Radix Trigger 자체에 적용되는 className. */
     triggerClassName?: string;
+    /** 드롭다운(SelectContent)에 적용. 트리거와 별개의 너비로 가져가고 싶을 때 사용. */
+    contentClassName?: string;
 }
-declare const Select: ({ children, value, onValueChange, placeholder, disabled, size, variant, className, triggerClassName, displayComponent, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const Select: ({ children, value, onValueChange, placeholder, disabled, size, variant, className, triggerClassName, contentClassName, displayComponent, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 declare const SelectItem: ({ children, value, disabled, className, }: {
     children: ReactNode;
     value: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,QAAA,MAAM,qBAAqB;;;8EAczB,CAAC;AAEH,QAAA,MAAM,qBAAqB;;8EAUzB,CAAC;AAQH,UAAU,WAAY,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,GAAI,0HAWb,WAAW,4CA8Cb,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,2CAKjB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAQA,CAAC;AAEF,OAAO,EACL,MAAM,EACN,UAAU,EACV,qBAAqB,EACrB,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAG5C,QAAA,MAAM,qBAAqB;;;8EAczB,CAAC;AAEH,QAAA,MAAM,qBAAqB;;8EAUzB,CAAC;AAQH,UAAU,WAAY,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,GAAI,4IAYb,WAAW,4CA8Cb,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,2CAKjB;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,4CAQA,CAAC;AAEF,OAAO,EACL,MAAM,EACN,UAAU,EACV,qBAAqB,EACrB,qBAAqB,GACtB,CAAC"}

package/dist/components/Tab.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const tabListVariants: (props?: ({
     variant?: "line" | "pill" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const tabTriggerVariants: (props?: ({
     variant?: "line" | "pill" | null | undefined;
@@ -13,6 +14,8 @@ interface TabItem {
     label: React.ReactNode;
     children?: React.ReactNode;
     disabled?: boolean;
+    /** Per-item className applied to the trigger <button>. Useful for one-off width/padding overrides. */
+    className?: string;
 }
 interface TabProps extends VariantProps<typeof tabListVariants> {
     items: TabItem[];
@@ -23,9 +26,17 @@ interface TabProps extends VariantProps<typeof tabListVariants> {
     onTabChange?: (key: string) => void;
     className?: string;
     tabListClassName?: string;
+    /** className applied to every tab trigger <button>. Combine with `fullWidth` for equal-width tabs. */
+    tabItemClassName?: string;
     tabPanelClassName?: string;
+    /**
+     * If true, triggers are stretched to evenly fill the tab list width (`flex: 1`),
+     * and the list itself is set to `width: 100%`. Use for top-level navigation tabs.
+     * Defaults to false (triggers size to their content).
+     */
+    fullWidth?: boolean;
 }
-declare function Tab({ items, activeKey: controlledKey, defaultActiveKey, variant, size, destroyInactive, onTabChange, className, tabListClassName, tabPanelClassName, }: TabProps): import("react/jsx-runtime").JSX.Element;
+declare function Tab({ items, activeKey: controlledKey, defaultActiveKey, variant, size, fullWidth, destroyInactive, onTabChange, className, tabListClassName, tabItemClassName, tabPanelClassName, }: TabProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Tab {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/components/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,eAAe;;8EAQnB,CAAC;AAEH,QAAA,MAAM,kBAAkB;;;;8EAoBtB,CAAC;AAEH,UAAU,OAAO;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,QAAS,SAAQ,YAAY,CAAC,OAAO,eAAe,CAAC;IAC7D,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,iBAAS,GAAG,CAAC,EACX,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAChB,OAAO,EACP,IAAI,EACJ,eAAuB,EACvB,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,QAAQ,2CAwGV;kBAnHQ,GAAG;;;AAuHZ,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC;AACpD,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../src/components/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,eAAe;;;8EAYnB,CAAC;AAEH,QAAA,MAAM,kBAAkB;;;;8EAoBtB,CAAC;AAEH,UAAU,OAAO;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,QAAS,SAAQ,YAAY,CAAC,OAAO,eAAe,CAAC;IAC7D,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sGAAsG;IACtG,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,iBAAS,GAAG,CAAC,EACX,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAChB,OAAO,EACP,IAAI,EACJ,SAAiB,EACjB,eAAuB,EACvB,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,QAAQ,2CA0GV;kBAvHQ,GAAG;;;AA2HZ,OAAO,EAAE,GAAG,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC;AACpD,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC"}

package/dist/image-upload.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkLAGQ7J5A_js = require('./chunks/chunk-LAGQ7J5A.js');
+var chunkVCN7DMCQ_js = require('./chunks/chunk-VCN7DMCQ.js');
 require('./chunks/chunk-CZC76ZD5.js');
 
 
 
 Object.defineProperty(exports, "ImageUpload", {
   enumerable: true,
-  get: function () { return chunkLAGQ7J5A_js.ImageUpload; }
+  get: function () { return chunkVCN7DMCQ_js.ImageUpload; }
 });
 Object.defineProperty(exports, "imageUploadVariants", {
   enumerable: true,
-  get: function () { return chunkLAGQ7J5A_js.imageUploadVariants; }
+  get: function () { return chunkVCN7DMCQ_js.imageUploadVariants; }
 });

package/dist/image-upload.mjs

@@ -1,2 +1,2 @@
-export { ImageUpload, imageUploadVariants } from './chunks/chunk-5J63FUAS.mjs';
+export { ImageUpload, imageUploadVariants } from './chunks/chunk-LNC3TV6N.mjs';
 import './chunks/chunk-MCKOWMLS.mjs';

package/dist/index.js

@@ -9,7 +9,7 @@ var chunkDICN6GKE_js = require('./chunks/chunk-DICN6GKE.js');
 var chunkDYPPVXQF_js = require('./chunks/chunk-DYPPVXQF.js');
 var chunkLYPBQI3Y_js = require('./chunks/chunk-LYPBQI3Y.js');
 var chunkLTS674LF_js = require('./chunks/chunk-LTS674LF.js');
-var chunkLAGQ7J5A_js = require('./chunks/chunk-LAGQ7J5A.js');
+var chunkVCN7DMCQ_js = require('./chunks/chunk-VCN7DMCQ.js');
 var chunkQK6NCII4_js = require('./chunks/chunk-QK6NCII4.js');
 var chunkBLGQHR3M_js = require('./chunks/chunk-BLGQHR3M.js');
 var chunkDLFV7ZZV_js = require('./chunks/chunk-DLFV7ZZV.js');
@@ -27,7 +27,7 @@ var chunkOMN5YQCE_js = require('./chunks/chunk-OMN5YQCE.js');
 var chunk5JHJNN2K_js = require('./chunks/chunk-5JHJNN2K.js');
 var chunk2MC7XJSE_js = require('./chunks/chunk-2MC7XJSE.js');
 var chunkB6G5TJRO_js = require('./chunks/chunk-B6G5TJRO.js');
-var chunkOX5MEJ7B_js = require('./chunks/chunk-OX5MEJ7B.js');
+var chunkHU6E2R2T_js = require('./chunks/chunk-HU6E2R2T.js');
 var chunkRC2Y4UH7_js = require('./chunks/chunk-RC2Y4UH7.js');
 var chunkIOSIQLZL_js = require('./chunks/chunk-IOSIQLZL.js');
 var chunkBSZ2LN6E_js = require('./chunks/chunk-BSZ2LN6E.js');
@@ -35,13 +35,13 @@ var chunkIE4DGLMH_js = require('./chunks/chunk-IE4DGLMH.js');
 var chunk3PCNRCTB_js = require('./chunks/chunk-3PCNRCTB.js');
 var chunkJLDQNDFT_js = require('./chunks/chunk-JLDQNDFT.js');
 var chunkRS3SBY3I_js = require('./chunks/chunk-RS3SBY3I.js');
-var chunk2ZXDXO4I_js = require('./chunks/chunk-2ZXDXO4I.js');
+var chunkVDEB5BMT_js = require('./chunks/chunk-VDEB5BMT.js');
 var chunk5PQ3UCKF_js = require('./chunks/chunk-5PQ3UCKF.js');
 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 chunk2T7RUYEK_js = require('./chunks/chunk-2T7RUYEK.js');
+var chunk2BINGHGR_js = require('./chunks/chunk-2BINGHGR.js');
 var chunk4ENXP7WH_js = require('./chunks/chunk-4ENXP7WH.js');
 var chunkMA2VCCIY_js = require('./chunks/chunk-MA2VCCIY.js');
 var chunkU53UA76K_js = require('./chunks/chunk-U53UA76K.js');
@@ -438,11 +438,11 @@ Object.defineProperty(exports, "DatePicker", {
 });
 Object.defineProperty(exports, "ImageUpload", {
   enumerable: true,
-  get: function () { return chunkLAGQ7J5A_js.ImageUpload; }
+  get: function () { return chunkVCN7DMCQ_js.ImageUpload; }
 });
 Object.defineProperty(exports, "imageUploadVariants", {
   enumerable: true,
-  get: function () { return chunkLAGQ7J5A_js.imageUploadVariants; }
+  get: function () { return chunkVCN7DMCQ_js.imageUploadVariants; }
 });
 Object.defineProperty(exports, "ClientOnly", {
   enumerable: true,
@@ -590,19 +590,19 @@ Object.defineProperty(exports, "Ellipsis", {
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkOX5MEJ7B_js.Select; }
+  get: function () { return chunkHU6E2R2T_js.Select; }
 });
 Object.defineProperty(exports, "SelectItem", {
   enumerable: true,
-  get: function () { return chunkOX5MEJ7B_js.SelectItem; }
+  get: function () { return chunkHU6E2R2T_js.SelectItem; }
 });
 Object.defineProperty(exports, "selectContentVariants", {
   enumerable: true,
-  get: function () { return chunkOX5MEJ7B_js.selectContentVariants; }
+  get: function () { return chunkHU6E2R2T_js.selectContentVariants; }
 });
 Object.defineProperty(exports, "selectTriggerVariants", {
   enumerable: true,
-  get: function () { return chunkOX5MEJ7B_js.selectTriggerVariants; }
+  get: function () { return chunkHU6E2R2T_js.selectTriggerVariants; }
 });
 Object.defineProperty(exports, "Combobox", {
   enumerable: true,
@@ -714,15 +714,15 @@ Object.defineProperty(exports, "paginationVariants", {
 });
 Object.defineProperty(exports, "Tab", {
   enumerable: true,
-  get: function () { return chunk2ZXDXO4I_js.Tab; }
+  get: function () { return chunkVDEB5BMT_js.Tab; }
 });
 Object.defineProperty(exports, "tabListVariants", {
   enumerable: true,
-  get: function () { return chunk2ZXDXO4I_js.tabListVariants; }
+  get: function () { return chunkVDEB5BMT_js.tabListVariants; }
 });
 Object.defineProperty(exports, "tabTriggerVariants", {
   enumerable: true,
-  get: function () { return chunk2ZXDXO4I_js.tabTriggerVariants; }
+  get: function () { return chunkVDEB5BMT_js.tabTriggerVariants; }
 });
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
@@ -766,15 +766,15 @@ Object.defineProperty(exports, "textAreaVariants", {
 });
 Object.defineProperty(exports, "NumberInput", {
   enumerable: true,
-  get: function () { return chunk2T7RUYEK_js.NumberInput; }
+  get: function () { return chunk2BINGHGR_js.NumberInput; }
 });
 Object.defineProperty(exports, "numberInputBind", {
   enumerable: true,
-  get: function () { return chunk2T7RUYEK_js.numberInputBind; }
+  get: function () { return chunk2BINGHGR_js.numberInputBind; }
 });
 Object.defineProperty(exports, "numberInputVariants", {
   enumerable: true,
-  get: function () { return chunk2T7RUYEK_js.numberInputVariants; }
+  get: function () { return chunk2BINGHGR_js.numberInputVariants; }
 });
 Object.defineProperty(exports, "PriceInput", {
   enumerable: true,

package/dist/index.mjs

@@ -7,7 +7,7 @@ export { Slider, sliderVariants } from './chunks/chunk-H2G5FMRN.mjs';
 export { TagInput, tagInputVariants } from './chunks/chunk-H2V7RHYV.mjs';
 export { NxImage } from './chunks/chunk-WZFKTTVX.mjs';
 export { DatePicker } from './chunks/chunk-FBC53TOS.mjs';
-export { ImageUpload, imageUploadVariants } from './chunks/chunk-5J63FUAS.mjs';
+export { ImageUpload, imageUploadVariants } from './chunks/chunk-LNC3TV6N.mjs';
 export { ClientOnly } from './chunks/chunk-AOXXE5UQ.mjs';
 export { Skeleton } from './chunks/chunk-P2T72N62.mjs';
 export { Countdown, useCountdown } from './chunks/chunk-LI7SFBUQ.mjs';
@@ -25,7 +25,7 @@ export { VirtualGrid, VirtualList } from './chunks/chunk-EHAUUUWB.mjs';
 export { InfiniteScroll } from './chunks/chunk-LMMON5AU.mjs';
 export { Marquee } from './chunks/chunk-SJMCPSVH.mjs';
 export { Ellipsis } from './chunks/chunk-6FMDO6TT.mjs';
-export { Select, SelectItem, selectContentVariants, selectTriggerVariants } from './chunks/chunk-QOREDNWO.mjs';
+export { Select, SelectItem, selectContentVariants, selectTriggerVariants } from './chunks/chunk-53BHDUID.mjs';
 export { Combobox, ComboboxOption, ComboboxOptionDescription, ComboboxOptionMeta, comboboxInputVariants } from './chunks/chunk-AG2UJPFX.mjs';
 export { Spinner } from './chunks/chunk-BPUQ2CO2.mjs';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerRoot, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from './chunks/chunk-SGNRVYYQ.mjs';
@@ -33,13 +33,13 @@ export { Tooltip, TooltipProvider, tooltipContentVariants } from './chunks/chunk
 export { Divider, dividerVariants } from './chunks/chunk-GX6GSWX3.mjs';
 export { RadioGroup, RadioItem, radioGroupVariants, radioItemVariants } from './chunks/chunk-BJMXZJWO.mjs';
 export { Pagination, pageButtonVariants, paginationVariants } from './chunks/chunk-2RPRCWKV.mjs';
-export { Tab, tabListVariants, tabTriggerVariants } from './chunks/chunk-QZ4QR3XV.mjs';
+export { Tab, tabListVariants, tabTriggerVariants } from './chunks/chunk-ATZE57ZO.mjs';
 export { Alert, alertVariants } from './chunks/chunk-2UPGFY6E.mjs';
 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-BJM3NDT2.mjs';
+export { NumberInput, numberInputBind, numberInputVariants } from './chunks/chunk-RL5UAEGQ.mjs';
 export { PriceInput, priceInputVariants } from './chunks/chunk-WGGBE4ZD.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-3VFBPFZF.mjs';

package/dist/number-input.js

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

package/dist/number-input.mjs

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

package/dist/schemas/_all.json

@@ -1639,13 +1639,31 @@
               "default": "md",
               "description": "Upload area size"
             },
+            "previewMode": {
+              "type": "string",
+              "enum": [
+                "card",
+                "cover"
+              ],
+              "default": "card",
+              "description": "Preview layout after upload. \"card\" = small thumbnail + change button beside it (default). \"cover\" = image fills the entire box (banner / thumbnail slot UX). In cover mode, click the box to change, click the X in the top-right to remove. Box dimensions follow size or className (h-64, aspect-video, etc.)"
+            },
+            "previewFit": {
+              "type": "string",
+              "enum": [
+                "cover",
+                "contain"
+              ],
+              "default": "cover",
+              "description": "Object-fit for previewMode=\"cover\". \"cover\" fills the box (may crop), \"contain\" fits entirely inside (may letterbox)."
+            },
             "className": {
               "type": "string",
               "description": "Style override"
             }
           },
           "additionalProperties": false,
-          "description": "ImageUpload — drag-and-drop image upload with preview, file-type/size validation, label/description.\n\nWHEN TO USE:\n  • Single image upload: avatar, cover, KYC document, post thumbnail\n  • Multiple files / non-image → not yet supported; build custom or use a file dropzone\n  • Inline image picker without preview → custom <input type=\"file\">\n\naccept whitelist + maxSize together cover validation. onError fires with i18n-ready string.\n\nANTI-PATTERNS:\n  ✗ <input type=\"file\"> + manual preview → ImageUpload (handles drag, validation, preview)\n  ✗ ImageUpload without onError handler → silent failure on validation reject\n  ✗ Storing image as data-URL value (use File via onChange and upload to server)"
+          "description": "ImageUpload — drag-and-drop image upload with preview, file-type/size validation, label/description.\n\nWHEN TO USE:\n  • Single image upload: avatar, cover, KYC document, post thumbnail\n  • Banner / hero / thumbnail slot where the picked image should fill the box → previewMode=\"cover\"\n  • Multiple files / non-image → not yet supported; build custom or use a file dropzone\n  • Inline image picker without preview → custom <input type=\"file\">\n\naccept whitelist + maxSize together cover validation. onError fires with i18n-ready string.\n\nPREVIEW MODES:\n  • card (default) — 작은 썸네일 + 우측에 \"이미지 변경\" 버튼 + 포맷 텍스트. form 필드용.\n  • cover — 빈 상태 박스를 그대로 유지하고 이미지가 전체를 가득 채움. 클릭 시 변경, 우측 상단 X로 삭제.\n    크기/비율은 className(h-64, aspect-video, w-full 등) 또는 size prop으로 조정.\n\nANTI-PATTERNS:\n  ✗ <input type=\"file\"> + manual preview → ImageUpload (handles drag, validation, preview)\n  ✗ ImageUpload without onError handler → silent failure on validation reject\n  ✗ Storing image as data-URL value (use File via onChange and upload to server)\n  ✗ card 모드에서 작은 썸네일이 어색한 배너/카드 슬롯 → previewMode=\"cover\""
         }
       },
       "$schema": "http://json-schema.org/draft-07/schema#"
@@ -2014,16 +2032,23 @@
             "size": {
               "type": "string",
               "enum": [
+                "md",
                 "lg",
                 "xl"
               ],
-              "default": "lg",
-              "description": "Size"
+              "default": "md",
+              "description": "Size (matches TextInput scale)"
             },
             "error": {
               "type": "boolean",
               "description": "Error state"
             },
+            "prefixIcon": {
+              "description": "Prefix node — currency symbol, unit, or icon (ReactNode)"
+            },
+            "suffixIcon": {
+              "description": "Suffix node — unit (%, kg, 원...) or icon. Pair with hideButtons or variant=\"bind\" so it does not collide with arrow buttons"
+            },
             "min": {
               "type": "number",
               "description": "Minimum value"
@@ -2098,7 +2123,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"
+          "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=\"%\")"
         }
       },
       "$schema": "http://json-schema.org/draft-07/schema#"
@@ -2808,7 +2833,7 @@
             },
             "color": {
               "type": "string",
-              "description": "Color (CSS color value, default currentColor)"
+              "description": "Color (CSS color value). Default: brand primary (--color-accent-primary)"
             },
             "aria-label": {
               "type": "string",
@@ -2820,7 +2845,7 @@
             },
             "className": {
               "type": "string",
-              "description": "Color override etc."
+              "description": "Color override (e.g. text-text-muted) — utility class wins over the default primary"
             }
           },
           "additionalProperties": false,
@@ -2978,6 +3003,10 @@
                   "disabled": {
                     "type": "boolean",
                     "description": "Disabled"
+                  },
+                  "className": {
+                    "type": "string",
+                    "description": "Per-item className applied to that single trigger <button>. Use for one-off width/padding overrides; for \"all triggers same style\" use top-level `tabItemClassName`."
                   }
                 },
                 "required": [
@@ -3013,6 +3042,11 @@
               "default": "md",
               "description": "Size"
             },
+            "fullWidth": {
+              "type": "boolean",
+              "default": false,
+              "description": "Stretch all triggers to evenly fill the tab list width (`flex: 1`) and set the list to `width: 100%`. Use for top-level navigation tabs that should span the container. Defaults to false (each trigger sizes to its content)."
+            },
             "destroyInactive": {
               "type": "boolean",
               "default": false,
@@ -3023,22 +3057,26 @@
             },
             "className": {
               "type": "string",
-              "description": "Root style"
+              "description": "Root wrapper className"
             },
             "tabListClassName": {
               "type": "string",
-              "description": "Tab list style"
+              "description": "className for the tab list (the row of triggers). Width utilities (`w-full`, `max-w-md`, etc.) apply here. Note: `w-full` alone does NOT stretch individual triggers — combine with `fullWidth=true` for that."
+            },
+            "tabItemClassName": {
+              "type": "string",
+              "description": "className applied to EVERY tab trigger <button>. Combine with `fullWidth` for equal-width tabs, or pass spacing/typography utilities to restyle all triggers at once. For per-item overrides use `items[].className`."
             },
             "tabPanelClassName": {
               "type": "string",
-              "description": "Tab panel style"
+              "description": "className for each panel <div>"
             }
           },
           "required": [
             "items"
           ],
           "additionalProperties": false,
-          "description": "Tab navigation — switch between content panels (settings sections, profile views).\n\nWHEN TO USE:\n  • Page area swap where only one panel is visible at a time\n  • Mutually exclusive content with stable section labels\n  • Form field selection → RadioGroup (semantics: not navigation)\n  • Immediate filter/option toggle → ToggleGroup\n  • Stacked collapsible sections → Accordion\n\ndestroyInactive=true unmounts hidden panels (saves memory but loses state).\n\nANTI-PATTERNS:\n  ✗ Tab with 1 item — just render the panel\n  ✗ Tab with 8+ items — consider sub-routing or DropdownMenu\n  ✗ Using Tab for form value selection → RadioGroup\n  ✗ Custom <button> + onClick + state → Tab (a11y, keyboard, focus management)"
+          "description": "Tab navigation — switch between content panels (settings sections, profile views).\n\nWHEN TO USE:\n  • Page area swap where only one panel is visible at a time\n  • Mutually exclusive content with stable section labels\n  • Form field selection → RadioGroup (semantics: not navigation)\n  • Immediate filter/option toggle → ToggleGroup\n  • Stacked collapsible sections → Accordion\n\nWIDTH BEHAVIOR (commonly misunderstood):\n  • Default: each trigger sizes to its label content; the list is as wide as the sum of triggers\n  • Want all triggers to evenly fill a parent? → set `fullWidth` (NOT just `tabListClassName=\"w-full\"`)\n    `tabListClassName=\"w-full\"` only widens the list; triggers stay content-width because flex children\n    default to `flex: 0 1 auto`. `fullWidth` adds `flex: 1` to every trigger.\n  • Want one specific trigger wider? → use `items[i].className=\"flex-2\"` (or any flex utility)\n  • Want all triggers wider but not equal? → use `tabItemClassName=\"min-w-[120px]\"` etc.\n\ndestroyInactive=true unmounts hidden panels (saves memory but loses state).\n\nANTI-PATTERNS:\n  ✗ Tab with 1 item — just render the panel\n  ✗ Tab with 8+ items — consider sub-routing or DropdownMenu\n  ✗ Using Tab for form value selection → RadioGroup\n  ✗ Custom <button> + onClick + state → Tab (a11y, keyboard, focus management)\n  ✗ `tabListClassName=\"w-full\"` expecting triggers to stretch → use `fullWidth` prop"
         }
       },
       "$schema": "http://json-schema.org/draft-07/schema#"

package/dist/schemas/image-upload.d.ts

@@ -12,6 +12,8 @@ export declare const imageUploadPropsSchema: z.ZodObject<{
     description: z.ZodOptional<z.ZodAny>;
     disabled: z.ZodDefault<z.ZodBoolean>;
     size: z.ZodDefault<z.ZodEnum<["sm", "md", "lg"]>>;
+    previewMode: z.ZodDefault<z.ZodEnum<["card", "cover"]>>;
+    previewFit: z.ZodDefault<z.ZodEnum<["cover", "contain"]>>;
     className: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     size: "lg" | "md" | "sm";
@@ -19,6 +21,8 @@ export declare const imageUploadPropsSchema: z.ZodObject<{
     placeholder: string;
     accept: string[];
     maxSize: number;
+    previewMode: "cover" | "card";
+    previewFit: "contain" | "cover";
     className?: string | undefined;
     label?: any;
     description?: any;
@@ -41,5 +45,7 @@ export declare const imageUploadPropsSchema: z.ZodObject<{
     accept?: string[] | undefined;
     maxSize?: number | undefined;
     formatDescription?: string | undefined;
+    previewMode?: "cover" | "card" | undefined;
+    previewFit?: "contain" | "cover" | undefined;
 }>;
 //# sourceMappingURL=image-upload.d.ts.map

package/dist/schemas/image-upload.d.ts.map

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

package/dist/schemas/imageUpload.json

@@ -70,13 +70,31 @@
           "default": "md",
           "description": "Upload area size"
         },
+        "previewMode": {
+          "type": "string",
+          "enum": [
+            "card",
+            "cover"
+          ],
+          "default": "card",
+          "description": "Preview layout after upload. \"card\" = small thumbnail + change button beside it (default). \"cover\" = image fills the entire box (banner / thumbnail slot UX). In cover mode, click the box to change, click the X in the top-right to remove. Box dimensions follow size or className (h-64, aspect-video, etc.)"
+        },
+        "previewFit": {
+          "type": "string",
+          "enum": [
+            "cover",
+            "contain"
+          ],
+          "default": "cover",
+          "description": "Object-fit for previewMode=\"cover\". \"cover\" fills the box (may crop), \"contain\" fits entirely inside (may letterbox)."
+        },
         "className": {
           "type": "string",
           "description": "Style override"
         }
       },
       "additionalProperties": false,
-      "description": "ImageUpload — drag-and-drop image upload with preview, file-type/size validation, label/description.\n\nWHEN TO USE:\n  • Single image upload: avatar, cover, KYC document, post thumbnail\n  • Multiple files / non-image → not yet supported; build custom or use a file dropzone\n  • Inline image picker without preview → custom <input type=\"file\">\n\naccept whitelist + maxSize together cover validation. onError fires with i18n-ready string.\n\nANTI-PATTERNS:\n  ✗ <input type=\"file\"> + manual preview → ImageUpload (handles drag, validation, preview)\n  ✗ ImageUpload without onError handler → silent failure on validation reject\n  ✗ Storing image as data-URL value (use File via onChange and upload to server)"
+      "description": "ImageUpload — drag-and-drop image upload with preview, file-type/size validation, label/description.\n\nWHEN TO USE:\n  • Single image upload: avatar, cover, KYC document, post thumbnail\n  • Banner / hero / thumbnail slot where the picked image should fill the box → previewMode=\"cover\"\n  • Multiple files / non-image → not yet supported; build custom or use a file dropzone\n  • Inline image picker without preview → custom <input type=\"file\">\n\naccept whitelist + maxSize together cover validation. onError fires with i18n-ready string.\n\nPREVIEW MODES:\n  • card (default) — 작은 썸네일 + 우측에 \"이미지 변경\" 버튼 + 포맷 텍스트. form 필드용.\n  • cover — 빈 상태 박스를 그대로 유지하고 이미지가 전체를 가득 채움. 클릭 시 변경, 우측 상단 X로 삭제.\n    크기/비율은 className(h-64, aspect-video, w-full 등) 또는 size prop으로 조정.\n\nANTI-PATTERNS:\n  ✗ <input type=\"file\"> + manual preview → ImageUpload (handles drag, validation, preview)\n  ✗ ImageUpload without onError handler → silent failure on validation reject\n  ✗ Storing image as data-URL value (use File via onChange and upload to server)\n  ✗ card 모드에서 작은 썸네일이 어색한 배너/카드 슬롯 → previewMode=\"cover\""
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"

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

@@ -2,8 +2,10 @@ import { z } from 'zod';
 export declare const numberInputPropsSchema: z.ZodObject<{
     variant: z.ZodDefault<z.ZodEnum<["basic", "bind"]>>;
     value: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
-    size: z.ZodDefault<z.ZodEnum<["lg", "xl"]>>;
+    size: z.ZodDefault<z.ZodEnum<["md", "lg", "xl"]>>;
     error: z.ZodOptional<z.ZodBoolean>;
+    prefixIcon: z.ZodOptional<z.ZodAny>;
+    suffixIcon: z.ZodOptional<z.ZodAny>;
     min: z.ZodOptional<z.ZodNumber>;
     max: z.ZodOptional<z.ZodNumber>;
     step: z.ZodDefault<z.ZodNumber>;
@@ -23,7 +25,7 @@ export declare const numberInputPropsSchema: z.ZodObject<{
     onFocus: z.ZodOptional<z.ZodAny>;
     className: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    size: "xl" | "lg";
+    size: "xl" | "lg" | "md";
     variant: "basic" | "bind";
     step: number;
     digit: number;
@@ -44,6 +46,8 @@ export declare const numberInputPropsSchema: z.ZodObject<{
     onValueChange?: any;
     placeholder?: string | undefined;
     readOnly?: boolean | undefined;
+    prefixIcon?: any;
+    suffixIcon?: any;
     showMax?: boolean | undefined;
 }, {
     name?: string | undefined;
@@ -53,7 +57,7 @@ export declare const numberInputPropsSchema: z.ZodObject<{
     label?: string | undefined;
     description?: string | undefined;
     value?: string | number | undefined;
-    size?: "xl" | "lg" | undefined;
+    size?: "xl" | "lg" | "md" | undefined;
     disabled?: boolean | undefined;
     variant?: "basic" | "bind" | undefined;
     autoFocus?: boolean | undefined;
@@ -65,6 +69,8 @@ export declare const numberInputPropsSchema: z.ZodObject<{
     placeholder?: string | undefined;
     step?: number | undefined;
     readOnly?: boolean | undefined;
+    prefixIcon?: any;
+    suffixIcon?: any;
     digit?: number | undefined;
     showMax?: boolean | undefined;
     hideButtons?: boolean | 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DhC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EhC,CAAC"}

package/dist/schemas/numberInput.json

@@ -23,16 +23,23 @@
         "size": {
           "type": "string",
           "enum": [
+            "md",
             "lg",
             "xl"
           ],
-          "default": "lg",
-          "description": "Size"
+          "default": "md",
+          "description": "Size (matches TextInput scale)"
         },
         "error": {
           "type": "boolean",
           "description": "Error state"
         },
+        "prefixIcon": {
+          "description": "Prefix node — currency symbol, unit, or icon (ReactNode)"
+        },
+        "suffixIcon": {
+          "description": "Suffix node — unit (%, kg, 원...) or icon. Pair with hideButtons or variant=\"bind\" so it does not collide with arrow buttons"
+        },
         "min": {
           "type": "number",
           "description": "Minimum value"
@@ -107,7 +114,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"
+      "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=\"%\")"
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"