gnui 1.2.19 → 1.2.21

package/styleguide/category/CONTROLS/MultiText(js)/index.html

@@ -147,12 +147,16 @@
 </div>
 <div class="new-multitext">
 </div>
+<div class="message-multitext">
+</div>
 </div>
 
 <pre><code class="language-ejs"><span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>default-multitext<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
 <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>div</span><span class="token punctuation" >></span></span>
 <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>new-multitext<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
 <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>div</span><span class="token punctuation" >></span></span>
+<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>message-multitext<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
+<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>div</span><span class="token punctuation" >></span></span>
 </code></pre>
 <pre><code>Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'multitext'</span><span class="token punctuation" >,</span> {
   target<span class="token punctuation" >:</span> <span class="token string" >'.default-multitext'</span>
@@ -168,6 +172,20 @@ Gn<span class="token punctuation" >.</span><span class="token function" >create<
   }<span class="token punctuation" >,</span>
   maxlength<span class="token punctuation" >:</span> <span class="token number" >300</span>
 }<span class="token punctuation" >)</span>
+
+Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'multitext'</span><span class="token punctuation" >,</span> {
+  target<span class="token punctuation" >:</span> <span class="token string" >'.message-multitext'</span><span class="token punctuation" >,</span>
+  lang<span class="token punctuation" >:</span> <span class="token punctuation" >[</span><span class="token string" >'ko'</span><span class="token punctuation" >,</span> <span class="token string" >'en'</span><span class="token punctuation" >]</span><span class="token punctuation" >,</span>
+  value<span class="token punctuation" >:</span> {
+    ko<span class="token punctuation" >:</span> <span class="token string" >'옵션 문구 예시'</span><span class="token punctuation" >,</span>
+    en<span class="token punctuation" >:</span> <span class="token string" >'message example'</span>
+  }<span class="token punctuation" >,</span>
+  maxlength<span class="token punctuation" >:</span> <span class="token number" >120</span><span class="token punctuation" >,</span>
+  useMaxLengthMessage<span class="token punctuation" >:</span> <span class="token boolean" >true</span><span class="token punctuation" >,</span>
+  textSets<span class="token punctuation" >:</span> {
+    maxLengthMessage<span class="token punctuation" >:</span> <span class="token string" >'{{maxlength}}자 입력 가능합니다.'</span>
+  }
+}<span class="token punctuation" >)</span>
 </code></pre><table class="gn-table is-full is-border">
   <thead>
     <th colspan="2">name</th>
@@ -218,6 +236,19 @@ Gn<span class="token punctuation" >.</span><span class="token function" >create<
       <td>524288</td>
       <td>최대 입력 글자길이</td>
     </tr>
+    <tr>
+      <td>textSets</td>
+      <td>maxLengthMessage</td>
+      <td>string</td>
+      <td>&#39;{{maxlength}}자 입력 가능합니다.&#39;</td>
+      <td><code>maxlength</code> 및 <code>useMaxLengthMessage=true</code>일 때 적용되는 남은 입력 가능 글자 안내 문구</td>
+    </tr>
+    <tr>
+      <td colspan="2">useMaxLengthMessage</td>
+      <td>boolean</td>
+      <td>false</td>
+      <td>true인 경우에만 <code>textSets.maxLengthMessage</code> 안내 문구 모드 활성화 (기본 카운터는 유지)</td>
+    </tr>
     <tr>
       <td colspan="2">onChange(value)</td>
       <td>function</td>
@@ -265,7 +296,7 @@ Gn<span class="token punctuation" >.</span><span class="token function" >create<
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/CONTROLS/Picklist(js)/index.html

@@ -122,7 +122,7 @@
   
   <div class="aigis-module Picklist">
     <h2 class="aigis-module__heading" id="Picklist">Picklist</h2>
-    <div class="aigis-module__filepath">/scss/components/picklist.scss</div>
+    <div class="aigis-module__filepath">/scss/controls/picklist.scss</div>
     <div class="aigis-tags">
        
       <span class="gn-tag">v.0.1.0</span>
@@ -525,10 +525,12 @@
 
   <div class="new-picklist"></div>
   <div class="new-picklist-v"></div>
+  <div class="new-picklist-cols"></div>
 </div>
 
 <pre><code class="language-ejs">  <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>new-picklist<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>div</span><span class="token punctuation" >></span></span>
   <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>new-picklist-v<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>div</span><span class="token punctuation" >></span></span>
+  <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>new-picklist-cols<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span><span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>div</span><span class="token punctuation" >></span></span>
 </code></pre>
 <pre><code>  Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'picklist'</span><span class="token punctuation" >,</span> {
     target<span class="token punctuation" >:</span> <span class="token string" >'.new-picklist'</span><span class="token punctuation" >,</span>
@@ -568,7 +570,65 @@
     width<span class="token punctuation" >:</span> <span class="token string" >'500px'</span><span class="token punctuation" >,</span>
     height<span class="token punctuation" >:</span> <span class="token number" >150</span>
   }<span class="token punctuation" >)</span><span class="token comment" spellcheck="true">;</span>
-</code></pre><table class="gn-table is-full is-border">
+  Gn<span class="token punctuation" >.</span><span class="token function" >create</span><span class="token punctuation" >(</span><span class="token string" >'picklist'</span><span class="token punctuation" >,</span> {
+    target<span class="token punctuation" >:</span> <span class="token string" >'.new-picklist-cols'</span><span class="token punctuation" >,</span>
+    data<span class="token punctuation" >:</span> {
+      source<span class="token punctuation" >:</span> <span class="token punctuation" >[</span>
+        { value<span class="token punctuation" >:</span> <span class="token string" >'항목1'</span><span class="token punctuation" >,</span> cols<span class="token punctuation" >:</span> <span class="token punctuation" >[</span><span class="token string" >'item1'</span><span class="token punctuation" >,</span> <span class="token string" >'1'</span><span class="token punctuation" >,</span> <span class="token string" >'상세정보1'</span><span class="token punctuation" >]</span> }<span class="token punctuation" >,</span>
+        { value<span class="token punctuation" >:</span> <span class="token string" >'항목2'</span><span class="token punctuation" >,</span> cols<span class="token punctuation" >:</span> <span class="token punctuation" >[</span><span class="token string" >'item2'</span><span class="token punctuation" >,</span> <span class="token string" >'2'</span><span class="token punctuation" >,</span> <span class="token string" >'상세정보2'</span><span class="token punctuation" >]</span> }<span class="token punctuation" >,</span>
+        { value<span class="token punctuation" >:</span> <span class="token string" >'항목3'</span><span class="token punctuation" >,</span> cols<span class="token punctuation" >:</span> <span class="token punctuation" >[</span><span class="token string" >'item3'</span><span class="token punctuation" >,</span> <span class="token string" >'3'</span><span class="token punctuation" >,</span> <span class="token string" >'상세정보3'</span><span class="token punctuation" >]</span> }<span class="token punctuation" >,</span>
+        { value<span class="token punctuation" >:</span> <span class="token string" >'항목4'</span><span class="token punctuation" >,</span> cols<span class="token punctuation" >:</span> <span class="token punctuation" >[</span><span class="token string" >'item4'</span><span class="token punctuation" >,</span> <span class="token string" >'4'</span><span class="token punctuation" >,</span> <span class="token string" >'상세정보4'</span><span class="token punctuation" >]</span> }<span class="token punctuation" >,</span>
+        { value<span class="token punctuation" >:</span> <span class="token string" >'항목5'</span><span class="token punctuation" >,</span> cols<span class="token punctuation" >:</span> <span class="token punctuation" >[</span><span class="token string" >'item5'</span><span class="token punctuation" >,</span> <span class="token string" >'5'</span><span class="token punctuation" >,</span> <span class="token string" >'상세정보5'</span><span class="token punctuation" >]</span> }
+      <span class="token punctuation" >]</span><span class="token punctuation" >,</span>
+      target<span class="token punctuation" >:</span> <span class="token punctuation" >[</span><span class="token punctuation" >]</span>
+    }<span class="token punctuation" >,</span>
+    direction<span class="token punctuation" >:</span> <span class="token string" >'vertical'</span><span class="token punctuation" >,</span>
+    width<span class="token punctuation" >:</span> <span class="token string" >'500px'</span><span class="token punctuation" >,</span>
+    height<span class="token punctuation" >:</span> <span class="token number" >150</span>
+  }<span class="token punctuation" >)</span><span class="token comment" spellcheck="true">;</span>
+</code></pre><h3 id="-picklistitem-">데이터 모델 (PicklistItem)</h3>
+<table class="gn-table is-full is-border">
+  <thead>
+    <th>필드</th>
+    <th>type</th>
+    <th>필수</th>
+    <th>description</th>
+  </thead>
+  <tbody>
+    <tr>
+      <td>value</td>
+      <td>string</td>
+      <td>Y</td>
+      <td>항목 값</td>
+    </tr>
+    <tr>
+      <td>text</td>
+      <td>string</td>
+      <td>N</td>
+      <td>단일 컬럼 표시 텍스트</td>
+    </tr>
+    <tr>
+      <td>cols</td>
+      <td>string[]</td>
+      <td>N</td>
+      <td>다중 컬럼 표시 값 배열</td>
+    </tr>
+    <tr>
+      <td>html</td>
+      <td>string</td>
+      <td>N</td>
+      <td>옵션 html(html이 있는 경우 text가 있는 항목만 선택 가능하다.)</td>
+    </tr>
+    <tr>
+      <td>icon</td>
+      <td>string</td>
+      <td>N</td>
+      <td><a href="https://fontawesome.com/cheatsheet?from=io" target="_blank">font awesome <span class="gn-icon is-small"><i class="fas fa-external-link-alt"></i></span></a> solid icon name</td>
+    </tr>
+  </tbody>
+</table>
+
+<table class="gn-table is-full is-border">
   <thead>
     <th colspan="2">name</th>
     <th>type</th>
@@ -585,21 +645,15 @@
     <tr>
       <td rowspan="2">data</td>
       <td>source</td>
-      <td>array[{value: string|array, text: string, html?: string, icon?:string}]</td>
+      <td>PicklistItem[]</td>
       <td></td>
-      <td>source 항목 배열<br>
-        html: 옵션 html(html이 있는 경우 text가 있는 항목만 선택 가능하다.)<br>
-        icon : <a href="https://fontawesome.com/cheatsheet?from=io" target="_blank">font awesome <span class="gn-icon is-small"><i class="fas fa-external-link-alt"></i></span></a> solid icon name 
-      </td>
+      <td>source 항목 배열<br>- PicklistItem 참조<br><br><strong>참고:</strong> 표시 우선순위는 html &gt; cols &gt; text 입니다. html 항목은 text가 있는 경우만 선택 가능하며, html이 있으면 cols는 무시됩니다.</td>
     </tr>
     <tr>
       <td>target</td>
-      <td>array[{value: string|array, text: string, html?: string, icon?:string}]</td>
+      <td>PicklistItem[]</td>
       <td></td>
-      <td>target 항목 배열<br>
-        html: 옵션 html(html이 있는 경우 text가 있는 항목만 선택 가능하다.)<br>
-        icon : <a href="https://fontawesome.com/cheatsheet?from=io" target="_blank">font awesome <span class="gn-icon is-small"><i class="fas fa-external-link-alt"></i></span></a> solid icon name 
-      </td>
+      <td>target 항목 배열<br>- PicklistItem 참조<br><br><strong>참고:</strong> 표시 우선순위는 html &gt; cols &gt; text 입니다. html 항목은 text가 있는 경우만 선택 가능하며, html이 있으면 cols는 무시됩니다.</td>
     </tr>
     <tr>
       <td rowspan="3">textSets</td>
@@ -740,7 +794,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/CONTROLS/Radio/index.html

@@ -189,7 +189,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/CONTROLS/Select/index.html

@@ -448,7 +448,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/CONTROLS/SelectButton(js)/index.html

@@ -122,7 +122,7 @@
   
   <div class="aigis-module SelectButton">
     <h2 class="aigis-module__heading" id="SelectButton">SelectButton</h2>
-    <div class="aigis-module__filepath">/scss/controls/button.scss</div>
+    <div class="aigis-module__filepath">/scss/controls/selectbutton.scss</div>
     <div class="aigis-tags">
        
       <span class="gn-tag">v.0.1.0</span>
@@ -283,7 +283,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/CONTROLS/Slider/index.html

@@ -181,7 +181,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/CONTROLS/SortableList(js)/index.html

@@ -122,7 +122,7 @@
   
   <div class="aigis-module SortableList">
     <h2 class="aigis-module__heading" id="SortableList">SortableList</h2>
-    <div class="aigis-module__filepath">/scss/components/sortablelist.scss</div>
+    <div class="aigis-module__filepath">/scss/controls/sortablelist.scss</div>
     <div class="aigis-tags">
        
       <span class="gn-tag">v.0.1.0</span>
@@ -478,7 +478,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/CONTROLS/Switch(js)/index.html

@@ -337,7 +337,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/CONTROLS/SyntaxInput(js)/index.html

@@ -472,7 +472,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/CONTROLS/Textarea/index.html

@@ -122,7 +122,7 @@
   
   <div class="aigis-module Textarea">
     <h2 class="aigis-module__heading" id="Textarea">Textarea</h2>
-    <div class="aigis-module__filepath">/scss/controls/input.scss</div>
+    <div class="aigis-module__filepath">/scss/controls/textarea.scss</div>
     <div class="aigis-tags">
        
       <span class="gn-tag">v.0.1.0</span>
@@ -177,7 +177,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/CONTROLS/Time(js)/index.html

@@ -122,7 +122,7 @@
   
   <div class="aigis-module Time">
     <h2 class="aigis-module__heading" id="Time">Time</h2>
-    <div class="aigis-module__filepath">/scss/components/calendar.scss</div>
+    <div class="aigis-module__filepath">/scss/controls/time.scss</div>
     <div class="aigis-tags">
        
       <span class="gn-tag">v.0.1.0</span>
@@ -255,7 +255,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/ELEMENTS/Box/index.html

@@ -162,7 +162,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/ELEMENTS/Icon/index.html

@@ -350,7 +350,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/ELEMENTS/Image/index.html

@@ -201,7 +201,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/ELEMENTS/List/index.html

@@ -384,7 +384,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/ELEMENTS/Table/index.html

@@ -471,7 +471,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/ELEMENTS/Tag/index.html

@@ -243,7 +243,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/ELEMENTS/Title/index.html

@@ -174,7 +174,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/LAYOUT/Container/index.html

@@ -223,7 +223,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/LAYOUT/Grid/index.html

@@ -388,7 +388,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/LAYOUT/Splitter(js)/index.html

@@ -267,7 +267,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/UTILITY/index.html

@@ -243,7 +243,7 @@
 </code></pre>
 <h2 id="text-">Text 변환</h2>
 <ul>
-<li>is-capitalize, is-lowercase, is-uppercase, is-italic, is-underline, is-strike</li>
+<li>is-capitalize, is-lowercase, is-uppercase, is-italic, is-underline, is-strike, is-text-link</li>
 <li>한글 description 사용 시 size6 이하 사용하지 않는다.</li>
 </ul>
 <div class="aigis-preview">
@@ -265,6 +265,9 @@
 <div class="gn-box is-strike">
     <h4 class="gn-title is-size4">strike</h4> Ad non deserunt veniam consectetur enim.
 </div>
+<div class="gn-box is-text-link">
+    <h4 class="gn-title is-size4">text link</h4> Link style text (hover: underline + pointer)
+</div>
 <div class="gn-box">
     <h4 class="gn-title is-size4">Text Sizes</h4>
     <p class="has-text-size1">size1 : Fugiat cillum reprehenderit ullamco esse non cillum.</p>
@@ -302,6 +305,10 @@
     <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>h4</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-title is-size4<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>strike<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>h4</span><span class="token punctuation" >></span></span>
     Ad non deserunt veniam consectetur enim.
   <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>div</span><span class="token punctuation" >></span></span>
+  <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-box is-text-link<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
+    <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>h4</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-title is-size4<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>text link<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>h4</span><span class="token punctuation" >></span></span>
+    Link style text (hover: underline + pointer)
+  <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>div</span><span class="token punctuation" >></span></span>
   <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>div</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-box<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>
     <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>h4</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>gn-title is-size4<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>Text Sizes<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>h4</span><span class="token punctuation" >></span></span>
     <span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;</span>p</span> <span class="token attr-name" >class</span><span class="token attr-value" ><span class="token punctuation" >=</span><span class="token punctuation" >"</span>has-text-size1<span class="token punctuation" >"</span></span><span class="token punctuation" >></span></span>size1 : Fugiat cillum reprehenderit ullamco esse non cillum.<span class="token tag" ><span class="token tag" ><span class="token punctuation" >&lt;/</span>p</span><span class="token punctuation" >></span></span>
@@ -463,7 +470,7 @@
 </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/category/Utils/index.html

@@ -329,7 +329,7 @@ GN<span class="token punctuation" >.</span>util<span class="token punctuation" >
  </div>
 
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/color.html

@@ -161,7 +161,7 @@
   </div>
 </div>
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>

package/styleguide/index.html

@@ -161,7 +161,7 @@
   </div>
 </div>
  
-          <footer class="aigis-footer">Last update at 2026/01/25 22:45</footer>
+          <footer class="aigis-footer">Last update at 2026/04/23 04:53</footer>
         </div>
       </div>
     </div>