@stn-uiux/pub-ui 0.1.63 → 0.1.64

package/dist/{chunk-YMWHZNBT.js → chunk-N4GLOJTF.js}

@@ -1,6 +1,6 @@
 import {
   systemIconSrc
-} from "./chunk-Q4QXONXL.js";
+} from "./chunk-4QTBT6OB.js";
 
 // src/data/stnSideNavItem.ts
 var STN_SIDE_NAV_ITEM_INTRO = '\uC0AC\uC774\uB4DC\uBC14 \uBA54\uB274 \uD589 \u2014 Figma `menu`(184:63009). `StnSideNavItem` + `.stn-side-nav-item`. \uD3BC\uCE68(Default) \xB7 \uC811\uD798(Collapsed) \xB7 2depth(`variant="sub"`).';
@@ -33,4 +33,4 @@ export {
   STN_SIDE_NAV_SUB_ICON,
   STN_SIDE_NAV_ITEM_STATES
 };
-//# sourceMappingURL=chunk-YMWHZNBT.js.map
+//# sourceMappingURL=chunk-N4GLOJTF.js.map

package/dist/chunk-VNQUWGQ7.js

@@ -0,0 +1,81 @@
+// src/data/stnTextArea.ts
+var STN_TEXT_AREA_INTRO = "\uC0C1\uC138 \uC124\uBA85\uC774\uB098 \uC5EC\uB7EC \uC904\uC758 \uD14D\uC2A4\uD2B8 \uC785\uB825\uC744 \uC704\uD55C **\uBA40\uD2F0\uB77C\uC778 \uD14D\uC2A4\uD2B8 \uC785\uB825** \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. `StnTextField`\uC640 \uB3D9\uC77C\uD55C **outlined**(\uBC15\uC2A4, \uAE30\uBCF8) \xB7 **filled**(\uBA74) \xB7 **standard**(\uD558\uB2E8 \uB77C\uC778) \xB7 **transparent** \uBCC0\uD615\uC744 \uC9C0\uC6D0\uD558\uBA70, \uB3D9\uC77C\uD55C W \uB108\uBE44 \uD504\uB9AC\uC14B(`w80`~`w200`, `full`)\uACFC \uAE00\uC790 \uC218 \uCE74\uC6B4\uD130(`showCount`), \uD06C\uAE30 \uC870\uC808(`resize`) \uC635\uC158\uC744 \uC81C\uACF5\uD569\uB2C8\uB2E4.";
+var STN_TEXT_AREA_SIZE_ROWS = [
+  {
+    size: "xs",
+    minHeight: "56px",
+    radius: "4px (radius-4)",
+    fontSize: "12px",
+    padding: "4px 8px",
+    typicalWidth: "width \uD504\uB9AC\uC14B \uB610\uB294 fullWidth=100%",
+    pubClass: "stn-text-area xs",
+    usedIn: "\uCF64\uD329\uD2B8 \uC11C\uC2DD \xB7 \uBBF8\uB2C8 \uBA54\uBAA8"
+  },
+  {
+    size: "sm",
+    minHeight: "64px",
+    radius: "4px (radius-4)",
+    fontSize: "13px",
+    padding: "6px 10px",
+    typicalWidth: "width \uD504\uB9AC\uC14B \uB610\uB294 fullWidth=100%",
+    pubClass: "stn-text-area sm",
+    usedIn: "\uC881\uC740 \uD3FC \xB7 \uAC04\uC774 \uC785\uB825"
+  },
+  {
+    size: "md",
+    minHeight: "80px",
+    radius: "4px (radius-4)",
+    fontSize: "13px",
+    padding: "8px 10px",
+    typicalWidth: "width \uD504\uB9AC\uC14B \uB610\uB294 fullWidth=100%",
+    pubClass: "stn-text-area md",
+    usedIn: "\uAE30\uBCF8 \uC0C1\uC138 \uC124\uBA85 \xB7 \uD53C\uB4DC\uBC31 \uC785\uB825"
+  },
+  {
+    size: "lg",
+    minHeight: "100px",
+    radius: "6px (radius-6)",
+    fontSize: "14px",
+    padding: "10px 12px",
+    typicalWidth: "width \uD504\uB9AC\uC14B \uB610\uB294 fullWidth=100%",
+    pubClass: "stn-text-area lg",
+    usedIn: "\uAC15\uC870 \uC785\uB825 \xB7 \uB113\uC740 \uC11C\uC2DD \uC601\uC5ED"
+  },
+  {
+    size: "xl",
+    minHeight: "120px",
+    radius: "16px (radius-16)",
+    fontSize: "14px",
+    padding: "12px 16px",
+    typicalWidth: "fullWidth=100%",
+    pubClass: "stn-text-area xl",
+    usedIn: "\uB113\uC740 \uBA54\uBAA8 \xB7 \uAC15\uC870 \uBA40\uD2F0\uB77C\uC778"
+  }
+];
+var STN_TEXT_AREA_STATES = [
+  { id: "default", label: "Default", note: "border `--stn-input-border` \xB7 bg `--stn-input-bg`" },
+  { id: "focus", label: "Focus", note: "border `--stn-input-focus`" },
+  { id: "placeholder", label: "Placeholder", note: "color `--stn-input-placeholder`" },
+  { id: "disabled", label: "Disabled", note: "opacity 0.55 \xB7 not-allowed" },
+  { id: "invalid", label: "Invalid", note: "border `--stn-feedback-error` \xB7 `aria-invalid` \uB610\uB294 `invalid` prop" },
+  { id: "readonly", label: "Readonly", note: "cursor default \xB7 focus-visible ring" }
+];
+var STN_TEXT_AREA_USAGE = `import { StnTextArea } from '@stn-uiux/pub-ui-react'
+
+<StnTextArea variant="outlined" placeholder="\uB0B4\uC6A9\uC744 \uC785\uB825\uD558\uC138\uC694" />
+<StnTextArea label="\uC0C1\uC138 \uC0AC\uC720" required showCount maxLength={200} />
+<StnTextArea variant="filled" placeholder="\uBA74 \uC2A4\uD0C0\uC77C" rows={4} />`;
+var STN_TEXT_AREA_HTML = `<textarea
+  class="stn-text-area md"
+  rows="3"
+  placeholder="\uB0B4\uC6A9\uC744 \uC785\uB825\uD558\uC138\uC694"
+></textarea>`;
+
+export {
+  STN_TEXT_AREA_INTRO,
+  STN_TEXT_AREA_SIZE_ROWS,
+  STN_TEXT_AREA_STATES,
+  STN_TEXT_AREA_USAGE,
+  STN_TEXT_AREA_HTML
+};
+//# sourceMappingURL=chunk-VNQUWGQ7.js.map

package/dist/chunk-VNQUWGQ7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/stnTextArea.ts"],"sourcesContent":["/**\n * Pub multi-line text input — Infomap `textarea`\n * @see StnTextArea · stn-text-area.css\n */\n\n/** xs · sm · md · lg · xl */\nexport type StnTextAreaSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport const STN_TEXT_AREA_INTRO =\n  \"상세 설명이나 여러 줄의 텍스트 입력을 위한 **멀티라인 텍스트 입력** 컴포넌트입니다. `StnTextField`와 동일한 **outlined**(박스, 기본) · **filled**(면) · **standard**(하단 라인) · **transparent** 변형을 지원하며, 동일한 W 너비 프리셋(`w80`~`w200`, `full`)과 글자 수 카운터(`showCount`), 크기 조절(`resize`) 옵션을 제공합니다.\"\n\nexport const STN_TEXT_AREA_SIZE_ROWS: readonly {\n  size: StnTextAreaSize\n  minHeight: string\n  radius: string\n  fontSize: string\n  padding: string\n  typicalWidth: string\n  pubClass: string\n  usedIn: string\n}[] = [\n  {\n    size: 'xs',\n    minHeight: '56px',\n    radius: '4px (radius-4)',\n    fontSize: '12px',\n    padding: '4px 8px',\n    typicalWidth: 'width 프리셋 또는 fullWidth=100%',\n    pubClass: 'stn-text-area xs',\n    usedIn: '콤팩트 서식 · 미니 메모',\n  },\n  {\n    size: 'sm',\n    minHeight: '64px',\n    radius: '4px (radius-4)',\n    fontSize: '13px',\n    padding: '6px 10px',\n    typicalWidth: 'width 프리셋 또는 fullWidth=100%',\n    pubClass: 'stn-text-area sm',\n    usedIn: '좁은 폼 · 간이 입력',\n  },\n  {\n    size: 'md',\n    minHeight: '80px',\n    radius: '4px (radius-4)',\n    fontSize: '13px',\n    padding: '8px 10px',\n    typicalWidth: 'width 프리셋 또는 fullWidth=100%',\n    pubClass: 'stn-text-area md',\n    usedIn: '기본 상세 설명 · 피드백 입력',\n  },\n  {\n    size: 'lg',\n    minHeight: '100px',\n    radius: '6px (radius-6)',\n    fontSize: '14px',\n    padding: '10px 12px',\n    typicalWidth: 'width 프리셋 또는 fullWidth=100%',\n    pubClass: 'stn-text-area lg',\n    usedIn: '강조 입력 · 넓은 서식 영역',\n  },\n  {\n    size: 'xl',\n    minHeight: '120px',\n    radius: '16px (radius-16)',\n    fontSize: '14px',\n    padding: '12px 16px',\n    typicalWidth: 'fullWidth=100%',\n    pubClass: 'stn-text-area xl',\n    usedIn: '넓은 메모 · 강조 멀티라인',\n  },\n] as const\n\nexport const STN_TEXT_AREA_STATES = [\n  { id: 'default', label: 'Default', note: 'border `--stn-input-border` · bg `--stn-input-bg`' },\n  { id: 'focus', label: 'Focus', note: 'border `--stn-input-focus`' },\n  { id: 'placeholder', label: 'Placeholder', note: 'color `--stn-input-placeholder`' },\n  { id: 'disabled', label: 'Disabled', note: 'opacity 0.55 · not-allowed' },\n  { id: 'invalid', label: 'Invalid', note: 'border `--stn-feedback-error` · `aria-invalid` 또는 `invalid` prop' },\n  { id: 'readonly', label: 'Readonly', note: 'cursor default · focus-visible ring' },\n] as const\n\nexport const STN_TEXT_AREA_USAGE = `import { StnTextArea } from '@stn-uiux/pub-ui-react'\n\n<StnTextArea variant=\"outlined\" placeholder=\"내용을 입력하세요\" />\n<StnTextArea label=\"상세 사유\" required showCount maxLength={200} />\n<StnTextArea variant=\"filled\" placeholder=\"면 스타일\" rows={4} />`\n\nexport const STN_TEXT_AREA_HTML = `<textarea\n  class=\"stn-text-area md\"\n  rows=\"3\"\n  placeholder=\"내용을 입력하세요\"\n></textarea>`\n"],"mappings":";AAQO,IAAM,sBACX;AAEK,IAAM,0BASP;AAAA,EACJ;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AACF;AAEO,IAAM,uBAAuB;AAAA,EAClC,EAAE,IAAI,WAAW,OAAO,WAAW,MAAM,uDAAoD;AAAA,EAC7F,EAAE,IAAI,SAAS,OAAO,SAAS,MAAM,6BAA6B;AAAA,EAClE,EAAE,IAAI,eAAe,OAAO,eAAe,MAAM,kCAAkC;AAAA,EACnF,EAAE,IAAI,YAAY,OAAO,YAAY,MAAM,gCAA6B;AAAA,EACxE,EAAE,IAAI,WAAW,OAAO,WAAW,MAAM,gFAAmE;AAAA,EAC5G,EAAE,IAAI,YAAY,OAAO,YAAY,MAAM,yCAAsC;AACnF;AAEO,IAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAM5B,IAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;","names":[]}

package/dist/cli.js

@@ -45,7 +45,7 @@ import {
 } from "./chunk-LKVTW54X.js";
 import {
   STN_HEADER_USAGE
-} from "./chunk-3RYAWLME.js";
+} from "./chunk-ESH5VDHX.js";
 import "./chunk-BYGKJSDN.js";
 import {
   STN_DATE_PICKER_USAGE
@@ -54,8 +54,8 @@ import "./chunk-5F63CMM7.js";
 import {
   STN_ALERT_CENTER_USAGE
 } from "./chunk-2WKT7X65.js";
-import "./chunk-Q4QXONXL.js";
-import "./chunk-NHYZ7AWK.js";
+import "./chunk-4QTBT6OB.js";
+import "./chunk-JHXSF7FS.js";
 
 // src/cli/index.ts
 import { createRequire } from "module";

package/dist/data/index.d.ts

@@ -54,6 +54,7 @@ export { STN_SYSTEM_ICON_INTRO, STN_SYSTEM_ICON_ROWS, StnSystemIconExt, StnSyste
 export { STN_TABLE_EXAMPLE, STN_TABLE_EXAMPLE_HTML, STN_TABLE_FIGMA, STN_TABLE_HEADER_COL, STN_TABLE_INTRO, STN_TABLE_PARTS, STN_TABLE_REACT_EXAMPLE, STN_TABLE_SORT_BEHAVIOR, STN_TABLE_SORT_EXAMPLE, STN_TABLE_TD_CHECK_EXAMPLE, STN_TABLE_TH_CHECK, STN_TABLE_TH_CHECK_EXAMPLE, STN_TABLE_TH_CHECK_FIGMA, STN_TABLE_TH_LABEL_FIGMA } from './stnTable.js';
 export { STN_TEXT_COLOR_ROWS, StnTextColorRow } from './stnTextColors.js';
 export { STN_TEXT_FIELD_FIGMA, STN_TEXT_FIELD_HTML, STN_TEXT_FIELD_INTRO, STN_TEXT_FIELD_SIZE_ROWS, STN_TEXT_FIELD_STATES, STN_TEXT_FIELD_USAGE, StnTextFieldSize } from './stnTextField.js';
+export { STN_TEXT_AREA_HTML, STN_TEXT_AREA_INTRO, STN_TEXT_AREA_SIZE_ROWS, STN_TEXT_AREA_STATES, STN_TEXT_AREA_USAGE, StnTextAreaSize } from './stnTextArea.js';
 export { STN_THEME_SEMANTIC_DARK_ROWS, STN_THEME_SEMANTIC_LIGHT_ROWS, StnThemeSemanticRow } from './stnThemeSemantic.generated.js';
 export { STN_TOAST_DEMO_MSG, STN_TOAST_ICON_SLUG, STN_TOAST_INTRO, STN_TOAST_KINDS, STN_TOAST_REACT_USAGE, STN_TOAST_SETUP, STN_TOAST_TOKEN_ROWS, STN_TOAST_USAGE_HTML, StnToastKind } from './stnToast.js';
 export { STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT, STN_TOGGLE_BUTTON_PLAYGROUND_INTRO, STN_TOGGLE_BUTTON_PLAYGROUND_PROPERTIES, STN_TOGGLE_BUTTON_REACT_USAGE, STN_TOGGLE_BUTTON_USAGE_HTML, StnToggleButtonPlaygroundConfig, countToggleButtonPlaygroundCombinations, describeToggleButtonPlaygroundReact, listToggleButtonPlaygroundMatrix } from './stnToggleButton.js';

package/dist/data/index.js

@@ -1,4 +1,4 @@
-import "../chunk-A5KLX6NX.js";
+import "../chunk-AVICAV6Z.js";
 import {
   STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
   STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
@@ -32,6 +32,13 @@ import {
 import {
   STN_STATUS_DEMO_STEPS
 } from "../chunk-SQJPE6HH.js";
+import {
+  STN_TEXT_AREA_HTML,
+  STN_TEXT_AREA_INTRO,
+  STN_TEXT_AREA_SIZE_ROWS,
+  STN_TEXT_AREA_STATES,
+  STN_TEXT_AREA_USAGE
+} from "../chunk-VNQUWGQ7.js";
 import {
   STN_TEXT_COLOR_ROWS
 } from "../chunk-4HUY6TN4.js";
@@ -40,7 +47,7 @@ import {
   STN_SIDE_NAV_ITEM_INTRO,
   STN_SIDE_NAV_ITEM_STATES,
   STN_SIDE_NAV_SUB_ICON
-} from "../chunk-YMWHZNBT.js";
+} from "../chunk-N4GLOJTF.js";
 import {
   STN_SIZE_INTRO,
   STN_SIZE_ROWS,
@@ -476,7 +483,7 @@ import {
   STN_HEADER_USAGE_HTML,
   STN_HEADER_VARIANT_ROWS,
   STN_SYSTEM_CHIP_DEMO
-} from "../chunk-3RYAWLME.js";
+} from "../chunk-ESH5VDHX.js";
 import {
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SEMANTIC_ROWS,
@@ -526,17 +533,17 @@ import {
   STN_BREADCRUMB_ICON_SRC,
   STN_BREADCRUMB_INTRO,
   STN_BREADCRUMB_PARTS
-} from "../chunk-XQ7UUG7Y.js";
+} from "../chunk-BTVWG4GB.js";
 import {
   STN_SYSTEM_ICON_INTRO,
   STN_SYSTEM_ICON_ROWS,
   resolveSystemIconSrcFromName,
   systemIconPublicPath,
   systemIconSrc
-} from "../chunk-Q4QXONXL.js";
+} from "../chunk-4QTBT6OB.js";
 import {
   SYSTEM_ICON_DATA_URLS
-} from "../chunk-NHYZ7AWK.js";
+} from "../chunk-JHXSF7FS.js";
 import {
   STN_BREAKPOINT_INTRO,
   STN_BREAKPOINT_MEDIA,
@@ -845,6 +852,11 @@ export {
   STN_TABLE_TH_CHECK_FIGMA,
   STN_TABLE_TH_LABEL_FIGMA,
   STN_TEAL_SCALE,
+  STN_TEXT_AREA_HTML,
+  STN_TEXT_AREA_INTRO,
+  STN_TEXT_AREA_SIZE_ROWS,
+  STN_TEXT_AREA_STATES,
+  STN_TEXT_AREA_USAGE,
   STN_TEXT_COLOR_ROWS,
   STN_TEXT_FIELD_FIGMA,
   STN_TEXT_FIELD_HTML,

package/dist/data/stnBreadcrumb.js

@@ -5,9 +5,9 @@ import {
   STN_BREADCRUMB_ICON_SRC,
   STN_BREADCRUMB_INTRO,
   STN_BREADCRUMB_PARTS
-} from "../chunk-XQ7UUG7Y.js";
-import "../chunk-Q4QXONXL.js";
-import "../chunk-NHYZ7AWK.js";
+} from "../chunk-BTVWG4GB.js";
+import "../chunk-4QTBT6OB.js";
+import "../chunk-JHXSF7FS.js";
 export {
   STN_BREADCRUMB_DEMO_ITEMS,
   STN_BREADCRUMB_FIGMA,

package/dist/data/stnHeader.js

@@ -6,9 +6,9 @@ import {
   STN_HEADER_USAGE_HTML,
   STN_HEADER_VARIANT_ROWS,
   STN_SYSTEM_CHIP_DEMO
-} from "../chunk-3RYAWLME.js";
-import "../chunk-Q4QXONXL.js";
-import "../chunk-NHYZ7AWK.js";
+} from "../chunk-ESH5VDHX.js";
+import "../chunk-4QTBT6OB.js";
+import "../chunk-JHXSF7FS.js";
 export {
   STN_HEADER_INTRO,
   STN_HEADER_PAGE_TITLE_DEMO,

package/dist/data/stnSideNavItem.js

@@ -3,9 +3,9 @@ import {
   STN_SIDE_NAV_ITEM_INTRO,
   STN_SIDE_NAV_ITEM_STATES,
   STN_SIDE_NAV_SUB_ICON
-} from "../chunk-YMWHZNBT.js";
-import "../chunk-Q4QXONXL.js";
-import "../chunk-NHYZ7AWK.js";
+} from "../chunk-N4GLOJTF.js";
+import "../chunk-4QTBT6OB.js";
+import "../chunk-JHXSF7FS.js";
 export {
   STN_NAV_MENU_SUB_ICON,
   STN_SIDE_NAV_ITEM_INTRO,

package/dist/data/stnSystemIcons.js

@@ -4,10 +4,10 @@ import {
   resolveSystemIconSrcFromName,
   systemIconPublicPath,
   systemIconSrc
-} from "../chunk-Q4QXONXL.js";
+} from "../chunk-4QTBT6OB.js";
 import {
   SYSTEM_ICON_DATA_URLS
-} from "../chunk-NHYZ7AWK.js";
+} from "../chunk-JHXSF7FS.js";
 export {
   STN_SYSTEM_ICON_INTRO,
   STN_SYSTEM_ICON_ROWS,

package/dist/data/stnSystemIconsData.generated.js

@@ -1,6 +1,6 @@
 import {
   SYSTEM_ICON_DATA_URLS
-} from "../chunk-NHYZ7AWK.js";
+} from "../chunk-JHXSF7FS.js";
 export {
   SYSTEM_ICON_DATA_URLS
 };

package/dist/data/stnTextArea.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Pub multi-line text input — Infomap `textarea`
+ * @see StnTextArea · stn-text-area.css
+ */
+/** xs · sm · md · lg · xl */
+type StnTextAreaSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare const STN_TEXT_AREA_INTRO = "\uC0C1\uC138 \uC124\uBA85\uC774\uB098 \uC5EC\uB7EC \uC904\uC758 \uD14D\uC2A4\uD2B8 \uC785\uB825\uC744 \uC704\uD55C **\uBA40\uD2F0\uB77C\uC778 \uD14D\uC2A4\uD2B8 \uC785\uB825** \uCEF4\uD3EC\uB10C\uD2B8\uC785\uB2C8\uB2E4. `StnTextField`\uC640 \uB3D9\uC77C\uD55C **outlined**(\uBC15\uC2A4, \uAE30\uBCF8) \u00B7 **filled**(\uBA74) \u00B7 **standard**(\uD558\uB2E8 \uB77C\uC778) \u00B7 **transparent** \uBCC0\uD615\uC744 \uC9C0\uC6D0\uD558\uBA70, \uB3D9\uC77C\uD55C W \uB108\uBE44 \uD504\uB9AC\uC14B(`w80`~`w200`, `full`)\uACFC \uAE00\uC790 \uC218 \uCE74\uC6B4\uD130(`showCount`), \uD06C\uAE30 \uC870\uC808(`resize`) \uC635\uC158\uC744 \uC81C\uACF5\uD569\uB2C8\uB2E4.";
+declare const STN_TEXT_AREA_SIZE_ROWS: readonly {
+    size: StnTextAreaSize;
+    minHeight: string;
+    radius: string;
+    fontSize: string;
+    padding: string;
+    typicalWidth: string;
+    pubClass: string;
+    usedIn: string;
+}[];
+declare const STN_TEXT_AREA_STATES: readonly [{
+    readonly id: "default";
+    readonly label: "Default";
+    readonly note: "border `--stn-input-border` · bg `--stn-input-bg`";
+}, {
+    readonly id: "focus";
+    readonly label: "Focus";
+    readonly note: "border `--stn-input-focus`";
+}, {
+    readonly id: "placeholder";
+    readonly label: "Placeholder";
+    readonly note: "color `--stn-input-placeholder`";
+}, {
+    readonly id: "disabled";
+    readonly label: "Disabled";
+    readonly note: "opacity 0.55 · not-allowed";
+}, {
+    readonly id: "invalid";
+    readonly label: "Invalid";
+    readonly note: "border `--stn-feedback-error` · `aria-invalid` 또는 `invalid` prop";
+}, {
+    readonly id: "readonly";
+    readonly label: "Readonly";
+    readonly note: "cursor default · focus-visible ring";
+}];
+declare const STN_TEXT_AREA_USAGE = "import { StnTextArea } from '@stn-uiux/pub-ui-react'\n\n<StnTextArea variant=\"outlined\" placeholder=\"\uB0B4\uC6A9\uC744 \uC785\uB825\uD558\uC138\uC694\" />\n<StnTextArea label=\"\uC0C1\uC138 \uC0AC\uC720\" required showCount maxLength={200} />\n<StnTextArea variant=\"filled\" placeholder=\"\uBA74 \uC2A4\uD0C0\uC77C\" rows={4} />";
+declare const STN_TEXT_AREA_HTML = "<textarea\n  class=\"stn-text-area md\"\n  rows=\"3\"\n  placeholder=\"\uB0B4\uC6A9\uC744 \uC785\uB825\uD558\uC138\uC694\"\n></textarea>";
+
+export { STN_TEXT_AREA_HTML, STN_TEXT_AREA_INTRO, STN_TEXT_AREA_SIZE_ROWS, STN_TEXT_AREA_STATES, STN_TEXT_AREA_USAGE, type StnTextAreaSize };

package/dist/data/stnTextArea.js

@@ -0,0 +1,15 @@
+import {
+  STN_TEXT_AREA_HTML,
+  STN_TEXT_AREA_INTRO,
+  STN_TEXT_AREA_SIZE_ROWS,
+  STN_TEXT_AREA_STATES,
+  STN_TEXT_AREA_USAGE
+} from "../chunk-VNQUWGQ7.js";
+export {
+  STN_TEXT_AREA_HTML,
+  STN_TEXT_AREA_INTRO,
+  STN_TEXT_AREA_SIZE_ROWS,
+  STN_TEXT_AREA_STATES,
+  STN_TEXT_AREA_USAGE
+};
+//# sourceMappingURL=stnTextArea.js.map

package/dist/data/stnTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.ts

@@ -54,6 +54,7 @@ export { STN_SYSTEM_ICON_INTRO, STN_SYSTEM_ICON_ROWS, StnSystemIconExt, StnSyste
 export { STN_TABLE_EXAMPLE, STN_TABLE_EXAMPLE_HTML, STN_TABLE_FIGMA, STN_TABLE_HEADER_COL, STN_TABLE_INTRO, STN_TABLE_PARTS, STN_TABLE_REACT_EXAMPLE, STN_TABLE_SORT_BEHAVIOR, STN_TABLE_SORT_EXAMPLE, STN_TABLE_TD_CHECK_EXAMPLE, STN_TABLE_TH_CHECK, STN_TABLE_TH_CHECK_EXAMPLE, STN_TABLE_TH_CHECK_FIGMA, STN_TABLE_TH_LABEL_FIGMA } from './data/stnTable.js';
 export { STN_TEXT_COLOR_ROWS, StnTextColorRow } from './data/stnTextColors.js';
 export { STN_TEXT_FIELD_FIGMA, STN_TEXT_FIELD_HTML, STN_TEXT_FIELD_INTRO, STN_TEXT_FIELD_SIZE_ROWS, STN_TEXT_FIELD_STATES, STN_TEXT_FIELD_USAGE, StnTextFieldSize } from './data/stnTextField.js';
+export { STN_TEXT_AREA_HTML, STN_TEXT_AREA_INTRO, STN_TEXT_AREA_SIZE_ROWS, STN_TEXT_AREA_STATES, STN_TEXT_AREA_USAGE, StnTextAreaSize } from './data/stnTextArea.js';
 export { STN_THEME_SEMANTIC_DARK_ROWS, STN_THEME_SEMANTIC_LIGHT_ROWS, StnThemeSemanticRow } from './data/stnThemeSemantic.generated.js';
 export { STN_TOAST_DEMO_MSG, STN_TOAST_ICON_SLUG, STN_TOAST_INTRO, STN_TOAST_KINDS, STN_TOAST_REACT_USAGE, STN_TOAST_SETUP, STN_TOAST_TOKEN_ROWS, STN_TOAST_USAGE_HTML, StnToastKind } from './data/stnToast.js';
 export { STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT, STN_TOGGLE_BUTTON_PLAYGROUND_INTRO, STN_TOGGLE_BUTTON_PLAYGROUND_PROPERTIES, STN_TOGGLE_BUTTON_REACT_USAGE, STN_TOGGLE_BUTTON_USAGE_HTML, StnToggleButtonPlaygroundConfig, countToggleButtonPlaygroundCombinations, describeToggleButtonPlaygroundReact, listToggleButtonPlaygroundMatrix } from './data/stnToggleButton.js';

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   STN_UI_COMPONENTS,
   STN_UI_FOUNDATIONS
 } from "./chunk-N46UQH6L.js";
-import "./chunk-A5KLX6NX.js";
+import "./chunk-AVICAV6Z.js";
 import {
   STN_TOGGLE_BUTTON_PLAYGROUND_DEFAULT,
   STN_TOGGLE_BUTTON_PLAYGROUND_INTRO,
@@ -37,6 +37,13 @@ import {
 import {
   STN_STATUS_DEMO_STEPS
 } from "./chunk-SQJPE6HH.js";
+import {
+  STN_TEXT_AREA_HTML,
+  STN_TEXT_AREA_INTRO,
+  STN_TEXT_AREA_SIZE_ROWS,
+  STN_TEXT_AREA_STATES,
+  STN_TEXT_AREA_USAGE
+} from "./chunk-VNQUWGQ7.js";
 import {
   STN_TEXT_COLOR_ROWS
 } from "./chunk-4HUY6TN4.js";
@@ -45,7 +52,7 @@ import {
   STN_SIDE_NAV_ITEM_INTRO,
   STN_SIDE_NAV_ITEM_STATES,
   STN_SIDE_NAV_SUB_ICON
-} from "./chunk-YMWHZNBT.js";
+} from "./chunk-N4GLOJTF.js";
 import {
   STN_SIZE_INTRO,
   STN_SIZE_ROWS,
@@ -481,7 +488,7 @@ import {
   STN_HEADER_USAGE_HTML,
   STN_HEADER_VARIANT_ROWS,
   STN_SYSTEM_CHIP_DEMO
-} from "./chunk-3RYAWLME.js";
+} from "./chunk-ESH5VDHX.js";
 import {
   STN_FEEDBACK_BY_KIND,
   STN_FEEDBACK_SEMANTIC_ROWS,
@@ -531,17 +538,17 @@ import {
   STN_BREADCRUMB_ICON_SRC,
   STN_BREADCRUMB_INTRO,
   STN_BREADCRUMB_PARTS
-} from "./chunk-XQ7UUG7Y.js";
+} from "./chunk-BTVWG4GB.js";
 import {
   STN_SYSTEM_ICON_INTRO,
   STN_SYSTEM_ICON_ROWS,
   resolveSystemIconSrcFromName,
   systemIconPublicPath,
   systemIconSrc
-} from "./chunk-Q4QXONXL.js";
+} from "./chunk-4QTBT6OB.js";
 import {
   SYSTEM_ICON_DATA_URLS
-} from "./chunk-NHYZ7AWK.js";
+} from "./chunk-JHXSF7FS.js";
 import {
   STN_BREAKPOINT_INTRO,
   STN_BREAKPOINT_MEDIA,
@@ -850,6 +857,11 @@ export {
   STN_TABLE_TH_CHECK_FIGMA,
   STN_TABLE_TH_LABEL_FIGMA,
   STN_TEAL_SCALE,
+  STN_TEXT_AREA_HTML,
+  STN_TEXT_AREA_INTRO,
+  STN_TEXT_AREA_SIZE_ROWS,
+  STN_TEXT_AREA_STATES,
+  STN_TEXT_AREA_USAGE,
   STN_TEXT_COLOR_ROWS,
   STN_TEXT_FIELD_FIGMA,
   STN_TEXT_FIELD_HTML,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stn-uiux/pub-ui",
-  "version": "0.1.63",
+  "version": "0.1.64",
   "description": "STN Pub design system — tokens, specs, and CSS for product HTML / React apps",
   "type": "module",
   "sideEffects": [

package/styles/@assets/svg/system/fill/alert1.svg

@@ -1,7 +1,7 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_alert1)">
-<path id="Subtract" d="M12.0811 2.00064C13.8088 2.01469 15.5037 2.47557 17 3.3395C18.5202 4.21719 19.7825 5.48043 20.6602 7.00064C21.5377 8.52077 22 10.2454 22 12.0006C21.9999 13.7559 21.5378 15.4806 20.6602 17.0006C19.7825 18.5207 18.5201 19.7832 17 20.6608C15.4798 21.5384 14.0214 22.0006 12 22.0006C9.97863 22.0006 8.52006 21.5384 7 20.6608C5.47982 19.7831 4.2175 18.5199 3.33984 16.9997C2.46224 15.4795 1.99996 13.755 2 11.9997L2.00488 11.6754C2.06096 9.94859 2.56385 8.26552 3.46387 6.79068C4.36394 5.31584 5.6305 4.09894 7.14062 3.25942C8.65086 2.41986 10.3532 1.98659 12.0811 2.00064ZM12 14.9997C11.7349 14.9997 11.4805 15.1052 11.293 15.2926C11.1055 15.4801 11.0001 15.7346 11 15.9997V16.0104C11.0001 16.2755 11.1055 16.53 11.293 16.7174C11.4805 16.9048 11.7349 17.0104 12 17.0104C12.2651 17.0104 12.5195 16.9048 12.707 16.7174C12.8945 16.53 12.9999 16.2755 13 16.0104V15.9997C12.9999 15.7346 12.8945 15.4801 12.707 15.2926C12.5195 15.1052 12.2651 14.9997 12 14.9997ZM12 7.99966C11.7349 7.99966 11.4805 8.1052 11.293 8.29263C11.1055 8.48008 11.0001 8.73457 11 8.99966V12.9997C11 13.2648 11.1055 13.5192 11.293 13.7067C11.4805 13.8942 11.7348 13.9997 12 13.9997C12.2652 13.9997 12.5195 13.8942 12.707 13.7067C12.8945 13.5192 13 13.2648 13 12.9997V8.99966C12.9999 8.73457 12.8945 8.48008 12.707 8.29263C12.5195 8.1052 12.2651 7.99966 12 7.99966Z" fill="#B8C1CC" fill-opacity="0.5"/>
-<path id="Subtract_2" d="M12.0645 4.00008C13.4467 4.01131 14.8029 4.38115 16 5.07234C17.216 5.77442 18.2256 6.78412 18.9277 8.00008C19.6299 9.21618 20 10.5958 20 12.0001C20 13.4044 19.6299 14.7839 18.9277 16.0001C18.2256 17.2162 17.2161 18.2267 16 18.9288C14.7839 19.6309 13.6171 20.0001 12 20.0001C10.3828 20.0001 9.21615 19.63 8 18.9278C6.7839 18.2256 5.77339 17.2162 5.07129 16.0001C4.36923 14.784 3.99998 13.4043 4 12.0001L4.00391 11.7413C4.04871 10.3598 4.4509 9.01301 5.1709 7.83309C5.89092 6.65321 6.90424 5.67954 8.1123 5.00789C9.32039 4.3363 10.6823 3.98891 12.0645 4.00008ZM12 15.0001C11.7348 15.0001 11.4805 15.1055 11.293 15.293C11.1055 15.4806 11 15.7349 11 16.0001V16.0098C11 16.275 11.1055 16.5293 11.293 16.7169C11.4805 16.9044 11.7348 17.0098 12 17.0098C12.2652 17.0098 12.5195 16.9044 12.707 16.7169C12.8945 16.5293 13 16.275 13 16.0098V16.0001C13 15.7349 12.8945 15.4806 12.707 15.293C12.5195 15.1055 12.2652 15.0001 12 15.0001ZM12 8.00008C11.7348 8.00008 11.4805 8.10551 11.293 8.29305C11.1055 8.48058 11 8.73488 11 9.00008V13.0001C11 13.2653 11.1055 13.5196 11.293 13.7071C11.4805 13.8946 11.7348 14.0001 12 14.0001C12.2652 14.0001 12.5195 13.8946 12.707 13.7071C12.8945 13.5196 13 13.2653 13 13.0001V9.00008C13 8.73488 12.8945 8.48058 12.707 8.29305C12.5195 8.10551 12.2652 8.00008 12 8.00008Z" fill="#77818D"/>
+<path id="Subtract" d="M12.0811 2.00064C13.8088 2.01469 15.5037 2.47557 17 3.3395C18.5202 4.21719 19.7825 5.48043 20.6602 7.00064C21.5377 8.52077 22 10.2454 22 12.0006C21.9999 13.7559 21.5378 15.4806 20.6602 17.0006C19.7825 18.5207 18.5201 19.7832 17 20.6608C15.4798 21.5384 14.0214 22.0006 12 22.0006C9.97863 22.0006 8.52006 21.5384 7 20.6608C5.47982 19.7831 4.2175 18.5199 3.33984 16.9997C2.46224 15.4795 1.99996 13.755 2 11.9997L2.00488 11.6754C2.06096 9.94859 2.56385 8.26552 3.46387 6.79068C4.36394 5.31584 5.6305 4.09894 7.14062 3.25942C8.65086 2.41986 10.3532 1.98659 12.0811 2.00064ZM12 14.9997C11.7349 14.9997 11.4805 15.1052 11.293 15.2926C11.1055 15.4801 11.0001 15.7346 11 15.9997V16.0104C11.0001 16.2755 11.1055 16.53 11.293 16.7174C11.4805 16.9048 11.7349 17.0104 12 17.0104C12.2651 17.0104 12.5195 16.9048 12.707 16.7174C12.8945 16.53 12.9999 16.2755 13 16.0104V15.9997C12.9999 15.7346 12.8945 15.4801 12.707 15.2926C12.5195 15.1052 12.2651 14.9997 12 14.9997ZM12 7.99966C11.7349 7.99966 11.4805 8.1052 11.293 8.29263C11.1055 8.48008 11.0001 8.73457 11 8.99966V12.9997C11 13.2648 11.1055 13.5192 11.293 13.7067C11.4805 13.8942 11.7348 13.9997 12 13.9997C12.2652 13.9997 12.5195 13.8942 12.707 13.7067C12.8945 13.5192 13 13.2648 13 12.9997V8.99966C12.9999 8.73457 12.8945 8.48008 12.707 8.29263C12.5195 8.1052 12.2651 7.99966 12 7.99966Z" fill="#4FD4B8" fill-opacity="0.5"/>
+<path id="Subtract_2" d="M12.0645 4.00008C13.4467 4.01131 14.8029 4.38115 16 5.07234C17.216 5.77442 18.2256 6.78412 18.9277 8.00008C19.6299 9.21618 20 10.5958 20 12.0001C20 13.4044 19.6299 14.7839 18.9277 16.0001C18.2256 17.2162 17.2161 18.2267 16 18.9288C14.7839 19.6309 13.6171 20.0001 12 20.0001C10.3828 20.0001 9.21615 19.63 8 18.9278C6.7839 18.2256 5.77339 17.2162 5.07129 16.0001C4.36923 14.784 3.99998 13.4043 4 12.0001L4.00391 11.7413C4.04871 10.3598 4.4509 9.01301 5.1709 7.83309C5.89092 6.65321 6.90424 5.67954 8.1123 5.00789C9.32039 4.3363 10.6823 3.98891 12.0645 4.00008ZM12 15.0001C11.7348 15.0001 11.4805 15.1055 11.293 15.293C11.1055 15.4806 11 15.7349 11 16.0001V16.0098C11 16.275 11.1055 16.5293 11.293 16.7169C11.4805 16.9044 11.7348 17.0098 12 17.0098C12.2652 17.0098 12.5195 16.9044 12.707 16.7169C12.8945 16.5293 13 16.275 13 16.0098V16.0001C13 15.7349 12.8945 15.4806 12.707 15.293C12.5195 15.1055 12.2652 15.0001 12 15.0001ZM12 8.00008C11.7348 8.00008 11.4805 8.10551 11.293 8.29305C11.1055 8.48058 11 8.73488 11 9.00008V13.0001C11 13.2653 11.1055 13.5196 11.293 13.7071C11.4805 13.8946 11.7348 14.0001 12 14.0001C12.2652 14.0001 12.5195 13.8946 12.707 13.7071C12.8945 13.5196 13 13.2653 13 13.0001V9.00008C13 8.73488 12.8945 8.48058 12.707 8.29305C12.5195 8.10551 12.2652 8.00008 12 8.00008Z" fill="#0D9488"/>
 </g>
 <defs>
 <clipPath id="clip0_alert1">

package/styles/components/stn-chip.css

@@ -112,6 +112,12 @@
   transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
 }
 
+/* Dashed border */
+.stn-chip.dashed,
+.stn-chip--dashed {
+  border-style: dashed;
+}
+
 /* —— 1. Shapes / Radius —— */
 /* Pill / Round: 완전 동그란 캡슐형 */
 .stn-chip.pill,

package/styles/components/stn-status.css

@@ -93,8 +93,8 @@
   gap: var(--stn-space-8, 8px);
 }
 .stn-status-dot.lg .stn-status-dot__point {
-  width: var(--stn-size-9, 9px);
-  height: var(--stn-size-9, 9px);
+  width: var(--stn-size-10, 10px);
+  height: var(--stn-size-10, 10px);
 }
 .stn-status-dot.lg.bordered {
   height: var(--stn-size-28, 28px);
@@ -452,8 +452,11 @@
 }
 
 .stn-status-flow.no-border .stn-status-flow__step.is-current {
+  background-color: transparent;
+  border-color: transparent;
   box-shadow: none;
   font-weight: var(--stn-font-weight-bold, 700);
+  color: var(--stn-primary);
 }
 
 /* Size 스케일 — STN 표준 규격: xs · sm · md(기본) · lg · xl */
@@ -471,8 +474,8 @@
   border-radius: var(--stn-radius-2, 2px);
 }
 .stn-status-flow.xs .stn-status-flow__badge .stn-icon {
-  width: var(--stn-size-9, 9px);
-  height: var(--stn-size-9, 9px);
+  width: var(--stn-size-10, 10px);
+  height: var(--stn-size-10, 10px);
 }
 
 /* sm — 22px */
@@ -521,13 +524,13 @@
   border-radius: var(--stn-radius-4, 4px);
 }
 .stn-status-flow.lg .stn-status-flow__badge .stn-icon {
-  width: var(--stn-size-13, 13px);
-  height: var(--stn-size-13, 13px);
+  width: var(--stn-size-14, 14px);
+  height: var(--stn-size-14, 14px);
 }
 
-/* xl — 38px */
+/* xl — 36px */
 .stn-status-flow.xl .stn-status-flow__step {
-  height: var(--stn-size-38, 38px);
+  height: var(--stn-size-36, 36px);
   font-size: var(--stn-font-size-14, 14px);
   padding: 0 var(--stn-space-14, 14px) 0 var(--stn-space-6, 6px);
   gap: var(--stn-space-10, 10px);
@@ -539,8 +542,8 @@
   border-radius: var(--stn-radius-6, 6px);
 }
 .stn-status-flow.xl .stn-status-flow__badge .stn-icon {
-  width: var(--stn-size-15, 15px);
-  height: var(--stn-size-15, 15px);
+  width: var(--stn-size-16, 16px);
+  height: var(--stn-size-16, 16px);
 }
 
 /* Flow 단계별 배지 색상 */
@@ -566,7 +569,6 @@
 
 .stn-status-flow__step.is-current {
   border-color: var(--stn-primary);
-  box-shadow: var(--stn-status-flow-current-shadow);
 }
 
 .stn-status-flow__step.is-dimmed {