@seanyeh77/ui 0.0.0-stage → 0.3.0

package/dist/index.d.ts

@@ -0,0 +1,1435 @@
+import { a as format, i as Decimals, n as setLocale, r as tr, t as addMessages } from "./format-entry-BKj7P9i6.js";
+import * as React from "react";
+declare const PH: {
+  readonly archive: '<path d="M224,48H32A16,16,0,0,0,16,64V88a16,16,0,0,0,16,16v88a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V104a16,16,0,0,0,16-16V64A16,16,0,0,0,224,48ZM208,192H48V104H208ZM224,88H32V64H224V88ZM96,136a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H104A8,8,0,0,1,96,136Z"/>';
+  readonly 'arrow-down': '<path d="M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z"/>';
+  readonly 'arrow-left': '<path d="M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z"/>';
+  readonly 'arrow-right': '<path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"/>';
+  readonly 'arrow-square-out': '<path d="M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z"/>';
+  readonly 'arrow-u-up-left': '<path d="M232,144a64.07,64.07,0,0,1-64,64H80a8,8,0,0,1,0-16h88a48,48,0,0,0,0-96H51.31l34.35,34.34a8,8,0,0,1-11.32,11.32l-48-48a8,8,0,0,1,0-11.32l48-48A8,8,0,0,1,85.66,45.66L51.31,80H168A64.07,64.07,0,0,1,232,144Z"/>';
+  readonly 'arrow-u-up-right': '<path d="M170.34,130.34,204.69,96H88a48,48,0,0,0,0,96h88a8,8,0,0,1,0,16H88A64,64,0,0,1,88,80H204.69L170.34,45.66a8,8,0,0,1,11.32-11.32l48,48a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32-11.32Z"/>';
+  readonly 'arrow-up': '<path d="M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z"/>';
+  readonly 'arrows-clockwise': '<path d="M224,48V96a8,8,0,0,1-8,8H168a8,8,0,0,1,0-16h28.69L182.06,73.37a79.56,79.56,0,0,0-56.13-23.43h-.45A79.52,79.52,0,0,0,69.59,72.71,8,8,0,0,1,58.41,61.27a96,96,0,0,1,135,.79L208,76.69V48a8,8,0,0,1,16,0ZM186.41,183.29a80,80,0,0,1-112.47-.66L59.31,168H88a8,8,0,0,0,0-16H40a8,8,0,0,0-8,8v48a8,8,0,0,0,16,0V179.31l14.63,14.63A95.43,95.43,0,0,0,130,222.06h.53a95.36,95.36,0,0,0,67.07-27.33,8,8,0,0,0-11.18-11.44Z"/>';
+  readonly bell: '<path d="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"/>';
+  readonly 'calendar-blank': '<path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Z"/>';
+  readonly 'caret-down': '<path d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"/>';
+  readonly 'caret-left': '<path d="M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z"/>';
+  readonly 'caret-right': '<path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"/>';
+  readonly 'caret-up': '<path d="M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z"/>';
+  readonly 'chart-bar': '<path d="M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z"/>';
+  readonly 'chart-line': '<path d="M232,208a8,8,0,0,1-8,8H32a8,8,0,0,1-8-8V48a8,8,0,0,1,16,0v94.37L90.73,98a8,8,0,0,1,10.07-.38l58.81,44.11L218.73,90a8,8,0,1,1,10.54,12l-64,56a8,8,0,0,1-10.07.38L96.39,114.29,40,163.63V200H224A8,8,0,0,1,232,208Z"/>';
+  readonly 'chart-pie': '<path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm71.87,53.27L136,114.14V40.37A88,88,0,0,1,199.87,77.27ZM120,40.37v83l-71.89,41.5A88,88,0,0,1,120,40.37ZM128,216a88,88,0,0,1-71.87-37.27L207.89,91.12A88,88,0,0,1,128,216Z"/>';
+  readonly 'chat-centered': '<path d="M216,40H40A16,16,0,0,0,24,56V184a16,16,0,0,0,16,16h60.43l13.68,23.94a16,16,0,0,0,27.78,0L155.57,200H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,144H150.93a8,8,0,0,0-7,4l-16,28-16-28a8,8,0,0,0-7-4H40V56H216Z"/>';
+  readonly check: '<path d="M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"/>';
+  readonly 'check-circle': '<path d="M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"/>';
+  readonly 'circle-notch': '<path d="M232,128a104,104,0,0,1-208,0c0-41,23.81-78.36,60.66-95.27a8,8,0,0,1,6.68,14.54C60.15,61.59,40,93.27,40,128a88,88,0,0,0,176,0c0-34.73-20.15-66.41-51.34-80.73a8,8,0,0,1,6.68-14.54C208.19,49.64,232,87,232,128Z"/>';
+  readonly clock: '<path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z"/>';
+  readonly cloud: '<path d="M160,40A88.09,88.09,0,0,0,81.29,88.67,64,64,0,1,0,72,216h88a88,88,0,0,0,0-176Zm0,160H72a48,48,0,0,1,0-96c1.1,0,2.2,0,3.29.11A88,88,0,0,0,72,128a8,8,0,0,0,16,0,72,72,0,1,1,72,72Z"/>';
+  readonly copy: '<path d="M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z"/>';
+  readonly cpu: '<path d="M152,96H104a8,8,0,0,0-8,8v48a8,8,0,0,0,8,8h48a8,8,0,0,0,8-8V104A8,8,0,0,0,152,96Zm-8,48H112V112h32Zm88,0H216V112h16a8,8,0,0,0,0-16H216V56a16,16,0,0,0-16-16H160V24a8,8,0,0,0-16,0V40H112V24a8,8,0,0,0-16,0V40H56A16,16,0,0,0,40,56V96H24a8,8,0,0,0,0,16H40v32H24a8,8,0,0,0,0,16H40v40a16,16,0,0,0,16,16H96v16a8,8,0,0,0,16,0V216h32v16a8,8,0,0,0,16,0V216h40a16,16,0,0,0,16-16V160h16a8,8,0,0,0,0-16Zm-32,56H56V56H200v95.87s0,.09,0,.13,0,.09,0,.13V200Z"/>';
+  readonly database: '<path d="M128,24C74.17,24,32,48.6,32,80v96c0,31.4,42.17,56,96,56s96-24.6,96-56V80C224,48.6,181.83,24,128,24Zm80,104c0,9.62-7.88,19.43-21.61,26.92C170.93,163.35,150.19,168,128,168s-42.93-4.65-58.39-13.08C55.88,147.43,48,137.62,48,128V111.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64ZM69.61,53.08C85.07,44.65,105.81,40,128,40s42.93,4.65,58.39,13.08C200.12,60.57,208,70.38,208,80s-7.88,19.43-21.61,26.92C170.93,115.35,150.19,120,128,120s-42.93-4.65-58.39-13.08C55.88,99.43,48,89.62,48,80S55.88,60.57,69.61,53.08ZM186.39,202.92C170.93,211.35,150.19,216,128,216s-42.93-4.65-58.39-13.08C55.88,195.43,48,185.62,48,176V159.36c17.06,15,46.23,24.64,80,24.64s62.94-9.68,80-24.64V176C208,185.62,200.12,195.43,186.39,202.92Z"/>';
+  readonly 'dots-three': '<path d="M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128Zm56-12a12,12,0,1,0,12,12A12,12,0,0,0,196,116ZM60,116a12,12,0,1,0,12,12A12,12,0,0,0,60,116Z"/>';
+  readonly 'dots-three-vertical': '<path d="M140,128a12,12,0,1,1-12-12A12,12,0,0,1,140,128ZM128,72a12,12,0,1,0-12-12A12,12,0,0,0,128,72Zm0,112a12,12,0,1,0,12,12A12,12,0,0,0,128,184Z"/>';
+  readonly 'download-simple': '<path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z"/>';
+  readonly 'envelope-simple': '<path d="M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM203.43,64,128,133.15,52.57,64ZM216,192H40V74.19l82.59,75.71a8,8,0,0,0,10.82,0L216,74.19V192Z"/>';
+  readonly eye: '<path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/>';
+  readonly 'eye-slash': '<path d="M53.92,34.62A8,8,0,1,0,42.08,45.38L61.32,66.55C25,88.84,9.38,123.2,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208a127.11,127.11,0,0,0,52.07-10.83l22,24.21a8,8,0,1,0,11.84-10.76Zm47.33,75.84,41.67,45.85a32,32,0,0,1-41.67-45.85ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.16,133.16,0,0,1,25,128c4.69-8.79,19.66-33.39,47.35-49.38l18,19.75a48,48,0,0,0,63.66,70l14.73,16.2A112,112,0,0,1,128,192Zm6-95.43a8,8,0,0,1,3-15.72,48.16,48.16,0,0,1,38.77,42.64,8,8,0,0,1-7.22,8.71,6.39,6.39,0,0,1-.75,0,8,8,0,0,1-8-7.26A32.09,32.09,0,0,0,134,96.57Zm113.28,34.69c-.42.94-10.55,23.37-33.36,43.8a8,8,0,1,1-10.67-11.92A132.77,132.77,0,0,0,231.05,128a133.15,133.15,0,0,0-23.12-30.77C185.67,75.19,158.78,64,128,64a118.37,118.37,0,0,0-19.36,1.57A8,8,0,1,1,106,49.79,134,134,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41A8,8,0,0,1,247.31,131.26Z"/>';
+  readonly file: '<path d="M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z"/>';
+  readonly 'file-text': '<path d="M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Zm-32-80a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,136Zm0,32a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,168Z"/>';
+  readonly 'floppy-disk': '<path d="M219.31,72,184,36.69A15.86,15.86,0,0,0,172.69,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V83.31A15.86,15.86,0,0,0,219.31,72ZM168,208H88V152h80Zm40,0H184V152a16,16,0,0,0-16-16H88a16,16,0,0,0-16,16v56H48V48H172.69L208,83.31ZM160,72a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h56A8,8,0,0,1,160,72Z"/>';
+  readonly folder: '<path d="M216,72H131.31L104,44.69A15.86,15.86,0,0,0,92.69,40H40A16,16,0,0,0,24,56V200.62A15.4,15.4,0,0,0,39.38,216H216.89A15.13,15.13,0,0,0,232,200.89V88A16,16,0,0,0,216,72ZM40,56H92.69l16,16H40ZM216,200H40V88H216Z"/>';
+  readonly 'folder-open': '<path d="M245,110.64A16,16,0,0,0,232,104H216V88a16,16,0,0,0-16-16H130.67L102.94,51.2a16.14,16.14,0,0,0-9.6-3.2H40A16,16,0,0,0,24,64V208h0a8,8,0,0,0,8,8H211.1a8,8,0,0,0,7.59-5.47l28.49-85.47A16.05,16.05,0,0,0,245,110.64ZM93.34,64,123.2,86.4A8,8,0,0,0,128,88h72v16H69.77a16,16,0,0,0-15.18,10.94L40,158.7V64Zm112,136H43.1l26.67-80H232Z"/>';
+  readonly funnel: '<path d="M230.6,49.53A15.81,15.81,0,0,0,216,40H40A16,16,0,0,0,28.19,66.76l.08.09L96,139.17V216a16,16,0,0,0,24.87,13.32l32-21.34A16,16,0,0,0,160,194.66V139.17l67.74-72.32.08-.09A15.8,15.8,0,0,0,230.6,49.53ZM40,56h0Zm106.18,74.58A8,8,0,0,0,144,136v58.66L112,216V136a8,8,0,0,0-2.16-5.47L40,56H216Z"/>';
+  readonly gauge: '<path d="M207.06,72.67A111.24,111.24,0,0,0,128,40h-.4C66.07,40.21,16,91,16,153.13V176a16,16,0,0,0,16,16H224a16,16,0,0,0,16-16V152A111.25,111.25,0,0,0,207.06,72.67ZM224,176H119.71l54.76-75.3a8,8,0,0,0-12.94-9.42L99.92,176H32V153.13c0-3.08.15-6.12.43-9.13H56a8,8,0,0,0,0-16H35.27c10.32-38.86,44-68.24,84.73-71.66V80a8,8,0,0,0,16,0V56.33A96.14,96.14,0,0,1,221,128H200a8,8,0,0,0,0,16h23.67c.21,2.65.33,5.31.33,8Z"/>';
+  readonly gear: '<path d="M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm88-29.84q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.21,107.21,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.71,107.71,0,0,0-26.25-10.87,8,8,0,0,0-7.06,1.49L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.21,107.21,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06Zm-16.1-6.5a73.93,73.93,0,0,1,0,8.68,8,8,0,0,0,1.74,5.48l14.19,17.73a91.57,91.57,0,0,1-6.23,15L187,173.11a8,8,0,0,0-5.1,2.64,74.11,74.11,0,0,1-6.14,6.14,8,8,0,0,0-2.64,5.1l-2.51,22.58a91.32,91.32,0,0,1-15,6.23l-17.74-14.19a8,8,0,0,0-5-1.75h-.48a73.93,73.93,0,0,1-8.68,0,8,8,0,0,0-5.48,1.74L100.45,215.8a91.57,91.57,0,0,1-15-6.23L82.89,187a8,8,0,0,0-2.64-5.1,74.11,74.11,0,0,1-6.14-6.14,8,8,0,0,0-5.1-2.64L46.43,170.6a91.32,91.32,0,0,1-6.23-15l14.19-17.74a8,8,0,0,0,1.74-5.48,73.93,73.93,0,0,1,0-8.68,8,8,0,0,0-1.74-5.48L40.2,100.45a91.57,91.57,0,0,1,6.23-15L69,82.89a8,8,0,0,0,5.1-2.64,74.11,74.11,0,0,1,6.14-6.14A8,8,0,0,0,82.89,69L85.4,46.43a91.32,91.32,0,0,1,15-6.23l17.74,14.19a8,8,0,0,0,5.48,1.74,73.93,73.93,0,0,1,8.68,0,8,8,0,0,0,5.48-1.74L155.55,40.2a91.57,91.57,0,0,1,15,6.23L173.11,69a8,8,0,0,0,2.64,5.1,74.11,74.11,0,0,1,6.14,6.14,8,8,0,0,0,5.1,2.64l22.58,2.51a91.32,91.32,0,0,1,6.23,15l-14.19,17.74A8,8,0,0,0,199.87,123.66Z"/>';
+  readonly globe: '<path d="M128,24h0A104,104,0,1,0,232,128,104.12,104.12,0,0,0,128,24Zm88,104a87.61,87.61,0,0,1-3.33,24H174.16a157.44,157.44,0,0,0,0-48h38.51A87.61,87.61,0,0,1,216,128ZM102,168H154a115.11,115.11,0,0,1-26,45A115.27,115.27,0,0,1,102,168Zm-3.9-16a140.84,140.84,0,0,1,0-48h59.88a140.84,140.84,0,0,1,0,48ZM40,128a87.61,87.61,0,0,1,3.33-24H81.84a157.44,157.44,0,0,0,0,48H43.33A87.61,87.61,0,0,1,40,128ZM154,88H102a115.11,115.11,0,0,1,26-45A115.27,115.27,0,0,1,154,88Zm52.33,0H170.71a135.28,135.28,0,0,0-22.3-45.6A88.29,88.29,0,0,1,206.37,88ZM107.59,42.4A135.28,135.28,0,0,0,85.29,88H49.63A88.29,88.29,0,0,1,107.59,42.4ZM49.63,168H85.29a135.28,135.28,0,0,0,22.3,45.6A88.29,88.29,0,0,1,49.63,168Zm98.78,45.6a135.28,135.28,0,0,0,22.3-45.6h35.66A88.29,88.29,0,0,1,148.41,213.6Z"/>';
+  readonly 'hard-drives': '<path d="M208,136H48a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V152A16,16,0,0,0,208,136Zm0,64H48V152H208v48Zm0-160H48A16,16,0,0,0,32,56v48a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V56A16,16,0,0,0,208,40Zm0,64H48V56H208v48ZM192,80a12,12,0,1,1-12-12A12,12,0,0,1,192,80Zm0,96a12,12,0,1,1-12-12A12,12,0,0,1,192,176Z"/>';
+  readonly heart: '<path d="M178,40c-20.65,0-38.73,8.88-50,23.89C116.73,48.88,98.65,40,78,40a62.07,62.07,0,0,0-62,62c0,70,103.79,126.66,108.21,129a8,8,0,0,0,7.58,0C136.21,228.66,240,172,240,102A62.07,62.07,0,0,0,178,40ZM128,214.8C109.74,204.16,32,155.69,32,102A46.06,46.06,0,0,1,78,56c19.45,0,35.78,10.36,42.6,27a8,8,0,0,0,14.8,0c6.82-16.67,23.15-27,42.6-27a46.06,46.06,0,0,1,46,46C224,155.61,146.24,204.15,128,214.8Z"/>';
+  readonly house: '<path d="M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z"/>';
+  readonly image: '<path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V158.75l-26.07-26.06a16,16,0,0,0-22.63,0l-20,20-44-44a16,16,0,0,0-22.62,0L40,149.37V56ZM40,172l52-52,80,80H40Zm176,28H194.63l-36-36,20-20L216,181.38V200ZM144,100a12,12,0,1,1,12,12A12,12,0,0,1,144,100Z"/>';
+  readonly info: '<path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z"/>';
+  readonly key: '<path d="M216.57,39.43A80,80,0,0,0,83.91,120.78L28.69,176A15.86,15.86,0,0,0,24,187.31V216a16,16,0,0,0,16,16H72a8,8,0,0,0,8-8V208H96a8,8,0,0,0,8-8V184h16a8,8,0,0,0,5.66-2.34l9.56-9.57A79.73,79.73,0,0,0,160,176h.1A80,80,0,0,0,216.57,39.43ZM224,98.1c-1.09,34.09-29.75,61.86-63.89,61.9H160a63.7,63.7,0,0,1-23.65-4.51,8,8,0,0,0-8.84,1.68L116.69,168H96a8,8,0,0,0-8,8v16H72a8,8,0,0,0-8,8v16H40V187.31l58.83-58.82a8,8,0,0,0,1.68-8.84A63.72,63.72,0,0,1,96,95.92c0-34.14,27.81-62.8,61.9-63.89A64,64,0,0,1,224,98.1ZM192,76a12,12,0,1,1-12-12A12,12,0,0,1,192,76Z"/>';
+  readonly layout: '<path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V96H40V56ZM40,112H96v88H40Zm176,88H112V112H216v88Z"/>';
+  readonly link: '<path d="M240,88.23a54.43,54.43,0,0,1-16,37L189.25,160a54.27,54.27,0,0,1-38.63,16h-.05A54.63,54.63,0,0,1,96,119.84a8,8,0,0,1,16,.45A38.62,38.62,0,0,0,150.58,160h0a38.39,38.39,0,0,0,27.31-11.31l34.75-34.75a38.63,38.63,0,0,0-54.63-54.63l-11,11A8,8,0,0,1,135.7,59l11-11A54.65,54.65,0,0,1,224,48,54.86,54.86,0,0,1,240,88.23ZM109,185.66l-11,11A38.41,38.41,0,0,1,70.6,208h0a38.63,38.63,0,0,1-27.29-65.94L78,107.31A38.63,38.63,0,0,1,144,135.71a8,8,0,0,0,16,.45A54.86,54.86,0,0,0,144,96a54.65,54.65,0,0,0-77.27,0L32,130.75A54.62,54.62,0,0,0,70.56,224h0a54.28,54.28,0,0,0,38.64-16l11-11A8,8,0,0,0,109,185.66Z"/>';
+  readonly list: '<path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"/>';
+  readonly 'list-bullets': '<path d="M80,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H88A8,8,0,0,1,80,64Zm136,56H88a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm0,64H88a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM44,52A12,12,0,1,0,56,64,12,12,0,0,0,44,52Zm0,64a12,12,0,1,0,12,12A12,12,0,0,0,44,116Zm0,64a12,12,0,1,0,12,12A12,12,0,0,0,44,180Z"/>';
+  readonly lock: '<path d="M208,80H176V56a48,48,0,0,0-96,0V80H48A16,16,0,0,0,32,96V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V96A16,16,0,0,0,208,80ZM96,56a32,32,0,0,1,64,0V80H96ZM208,208H48V96H208V208Zm-68-56a12,12,0,1,1-12-12A12,12,0,0,1,140,152Z"/>';
+  readonly 'magnifying-glass': '<path d="M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"/>';
+  readonly minus: '<path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128Z"/>';
+  readonly monitor: '<path d="M208,40H48A24,24,0,0,0,24,64V176a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V64A24,24,0,0,0,208,40Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V64a8,8,0,0,1,8-8H208a8,8,0,0,1,8,8Zm-48,48a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,224Z"/>';
+  readonly moon: '<path d="M233.54,142.23a8,8,0,0,0-8-2,88.08,88.08,0,0,1-109.8-109.8,8,8,0,0,0-10-10,104.84,104.84,0,0,0-52.91,37A104,104,0,0,0,136,224a103.09,103.09,0,0,0,62.52-20.88,104.84,104.84,0,0,0,37-52.91A8,8,0,0,0,233.54,142.23ZM188.9,190.34A88,88,0,0,1,65.66,67.11a89,89,0,0,1,31.4-26A106,106,0,0,0,96,56,104.11,104.11,0,0,0,200,160a106,106,0,0,0,14.92-1.06A89,89,0,0,1,188.9,190.34Z"/>';
+  readonly 'paper-plane-tilt': '<path d="M227.32,28.68a16,16,0,0,0-15.66-4.08l-.15,0L19.57,82.84a16,16,0,0,0-2.49,29.8L102,154l41.3,84.87A15.86,15.86,0,0,0,157.74,248q.69,0,1.38-.06a15.88,15.88,0,0,0,14-11.51l58.2-191.94c0-.05,0-.1,0-.15A16,16,0,0,0,227.32,28.68ZM157.83,231.85l-.05.14,0-.07-40.06-82.3,48-48a8,8,0,0,0-11.31-11.31l-48,48L24.08,98.25l-.07,0,.14,0L216,40Z"/>';
+  readonly 'pencil-simple': '<path d="M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z"/>';
+  readonly plus: '<path d="M224,128a8,8,0,0,1-8,8H136v80a8,8,0,0,1-16,0V136H40a8,8,0,0,1,0-16h80V40a8,8,0,0,1,16,0v80h80A8,8,0,0,1,224,128Z"/>';
+  readonly printer: '<path d="M214.67,72H200V40a8,8,0,0,0-8-8H64a8,8,0,0,0-8,8V72H41.33C27.36,72,16,82.77,16,96v80a8,8,0,0,0,8,8H56v32a8,8,0,0,0,8,8H192a8,8,0,0,0,8-8V184h32a8,8,0,0,0,8-8V96C240,82.77,228.64,72,214.67,72ZM72,48H184V72H72ZM184,208H72V160H184Zm40-40H200V152a8,8,0,0,0-8-8H64a8,8,0,0,0-8,8v16H32V96c0-4.41,4.19-8,9.33-8H214.67c5.14,0,9.33,3.59,9.33,8Zm-24-52a12,12,0,1,1-12-12A12,12,0,0,1,200,116Z"/>';
+  readonly pulse: '<path d="M240,128a8,8,0,0,1-8,8H204.94l-37.78,75.58A8,8,0,0,1,160,216h-.4a8,8,0,0,1-7.08-5.14L95.35,60.76,63.28,131.31A8,8,0,0,1,56,136H24a8,8,0,0,1,0-16H50.85L88.72,36.69a8,8,0,0,1,14.76.46l57.51,151,31.85-63.71A8,8,0,0,1,200,120h32A8,8,0,0,1,240,128Z"/>';
+  readonly question: '<path d="M140,180a12,12,0,1,1-12-12A12,12,0,0,1,140,180ZM128,72c-22.06,0-40,16.15-40,36v4a8,8,0,0,0,16,0v-4c0-11,10.77-20,24-20s24,9,24,20-10.77,20-24,20a8,8,0,0,0-8,8v8a8,8,0,0,0,16,0v-.72c18.24-3.35,32-17.9,32-35.28C168,88.15,150.06,72,128,72Zm104,56A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"/>';
+  readonly 'share-network': '<path d="M176,160a39.89,39.89,0,0,0-28.62,12.09l-46.1-29.63a39.8,39.8,0,0,0,0-28.92l46.1-29.63a40,40,0,1,0-8.66-13.45l-46.1,29.63a40,40,0,1,0,0,55.82l46.1,29.63A40,40,0,1,0,176,160Zm0-128a24,24,0,1,1-24,24A24,24,0,0,1,176,32ZM64,152a24,24,0,1,1,24-24A24,24,0,0,1,64,152Zm112,72a24,24,0,1,1,24-24A24,24,0,0,1,176,224Z"/>';
+  readonly shield: '<path d="M208,40H48A16,16,0,0,0,32,56v56c0,52.72,25.52,84.67,46.93,102.19,23.06,18.86,46,25.27,47,25.53a8,8,0,0,0,4.2,0c1-.26,23.91-6.67,47-25.53C198.48,196.67,224,164.72,224,112V56A16,16,0,0,0,208,40Zm0,72c0,37.07-13.66,67.16-40.6,89.42A129.3,129.3,0,0,1,128,223.62a128.25,128.25,0,0,1-38.92-21.81C61.82,179.51,48,149.3,48,112l0-56,160,0Z"/>';
+  readonly 'sidebar-simple': '<path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM40,56H80V200H40ZM216,200H96V56H216V200Z"/>';
+  readonly 'sign-in': '<path d="M141.66,133.66l-40,40a8,8,0,0,1-11.32-11.32L116.69,136H24a8,8,0,0,1,0-16h92.69L90.34,93.66a8,8,0,0,1,11.32-11.32l40,40A8,8,0,0,1,141.66,133.66ZM200,32H136a8,8,0,0,0,0,16h56V208H136a8,8,0,0,0,0,16h64a8,8,0,0,0,8-8V40A8,8,0,0,0,200,32Z"/>';
+  readonly 'sign-out': '<path d="M120,216a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H56V208h56A8,8,0,0,1,120,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L204.69,120H112a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,229.66,122.34Z"/>';
+  readonly 'sliders-horizontal': '<path d="M40,88H73a32,32,0,0,0,62,0h81a8,8,0,0,0,0-16H135a32,32,0,0,0-62,0H40a8,8,0,0,0,0,16Zm64-24A16,16,0,1,1,88,80,16,16,0,0,1,104,64ZM216,168H199a32,32,0,0,0-62,0H40a8,8,0,0,0,0,16h97a32,32,0,0,0,62,0h17a8,8,0,0,0,0-16Zm-48,24a16,16,0,1,1,16-16A16,16,0,0,1,168,192Z"/>';
+  readonly 'squares-four': '<path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z"/>';
+  readonly star: '<path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"/>';
+  readonly sun: '<path d="M120,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm72,88a64,64,0,1,1-64-64A64.07,64.07,0,0,1,192,128Zm-16,0a48,48,0,1,0-48,48A48.05,48.05,0,0,0,176,128ZM58.34,69.66A8,8,0,0,0,69.66,58.34l-16-16A8,8,0,0,0,42.34,53.66Zm0,116.68-16,16a8,8,0,0,0,11.32,11.32l16-16a8,8,0,0,0-11.32-11.32ZM192,72a8,8,0,0,0,5.66-2.34l16-16a8,8,0,0,0-11.32-11.32l-16,16A8,8,0,0,0,192,72Zm5.66,114.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32-11.32ZM48,128a8,8,0,0,0-8-8H16a8,8,0,0,0,0,16H40A8,8,0,0,0,48,128Zm80,80a8,8,0,0,0-8,8v24a8,8,0,0,0,16,0V216A8,8,0,0,0,128,208Zm112-88H216a8,8,0,0,0,0,16h24a8,8,0,0,0,0-16Z"/>';
+  readonly trash: '<path d="M216,48H176V40a24,24,0,0,0-24-24H104A24,24,0,0,0,80,40v8H40a8,8,0,0,0,0,16h8V208a16,16,0,0,0,16,16H192a16,16,0,0,0,16-16V64h8a8,8,0,0,0,0-16ZM96,40a8,8,0,0,1,8-8h48a8,8,0,0,1,8,8v8H96Zm96,168H64V64H192ZM112,104v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Zm48,0v64a8,8,0,0,1-16,0V104a8,8,0,0,1,16,0Z"/>';
+  readonly 'upload-simple': '<path d="M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0ZM93.66,77.66,120,51.31V144a8,8,0,0,0,16,0V51.31l26.34,26.35a8,8,0,0,0,11.32-11.32l-40-40a8,8,0,0,0-11.32,0l-40,40A8,8,0,0,0,93.66,77.66Z"/>';
+  readonly user: '<path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/>';
+  readonly users: '<path d="M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z"/>';
+  readonly warning: '<path d="M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z"/>';
+  readonly 'warning-circle': '<path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z"/>';
+  readonly x: '<path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"/>';
+  readonly 'x-circle': '<path d="M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z"/>';
+  readonly columns: '<path d="M104,32H64A16,16,0,0,0,48,48V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,104,32Zm0,176H64V48h40ZM192,32H152a16,16,0,0,0-16,16V208a16,16,0,0,0,16,16h40a16,16,0,0,0,16-16V48A16,16,0,0,0,192,32Zm0,176H152V48h40Z"/>';
+  readonly square: '<path d="M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,176H48V48H208V208Z"/>';
+  readonly 'check-square': '<path d="M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM224,48V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM208,208V48H48V208H208Z"/>';
+  readonly 'brackets-curly': '<path d="M43.18,128a29.78,29.78,0,0,1,8,10.26c4.8,9.9,4.8,22,4.8,33.74,0,24.31,1,36,24,36a8,8,0,0,1,0,16c-17.48,0-29.32-6.14-35.2-18.26-4.8-9.9-4.8-22-4.8-33.74,0-24.31-1-36-24-36a8,8,0,0,1,0-16c23,0,24-11.69,24-36,0-11.72,0-23.84,4.8-33.74C50.68,38.14,62.52,32,80,32a8,8,0,0,1,0,16C57,48,56,59.69,56,84c0,11.72,0,23.84-4.8,33.74A29.78,29.78,0,0,1,43.18,128ZM240,120c-23,0-24-11.69-24-36,0-11.72,0-23.84-4.8-33.74C205.32,38.14,193.48,32,176,32a8,8,0,0,0,0,16c23,0,24,11.69,24,36,0,11.72,0,23.84,4.8,33.74a29.78,29.78,0,0,0,8,10.26,29.78,29.78,0,0,0-8,10.26c-4.8,9.9-4.8,22-4.8,33.74,0,24.31-1,36-24,36a8,8,0,0,0,0,16c17.48,0,29.32-6.14,35.2-18.26,4.8-9.9,4.8-22,4.8-33.74,0-24.31,1-36,24-36a8,8,0,0,0,0-16Z"/>';
+  readonly function: '<path d="M208,40a8,8,0,0,1-8,8H170.71a24,24,0,0,0-23.62,19.71L137.59,120H184a8,8,0,0,1,0,16H134.68l-10,55.16A40,40,0,0,1,85.29,224H56a8,8,0,0,1,0-16H85.29a24,24,0,0,0,23.62-19.71l9.5-52.29H72a8,8,0,0,1,0-16h49.32l10-55.16A40,40,0,0,1,170.71,32H200A8,8,0,0,1,208,40Z"/>';
+  readonly stack: '<path d="M230.91,172A8,8,0,0,1,228,182.91l-96,56a8,8,0,0,1-8.06,0l-96-56A8,8,0,0,1,36,169.09l92,53.65,92-53.65A8,8,0,0,1,230.91,172ZM220,121.09l-92,53.65L36,121.09A8,8,0,0,0,28,134.91l96,56a8,8,0,0,0,8.06,0l96-56A8,8,0,1,0,220,121.09ZM24,80a8,8,0,0,1,4-6.91l96-56a8,8,0,0,1,8.06,0l96,56a8,8,0,0,1,0,13.82l-96,56a8,8,0,0,1-8.06,0l-96-56A8,8,0,0,1,24,80Zm23.88,0L128,126.74,208.12,80,128,33.26Z"/>';
+  readonly 'terminal-window': '<path d="M128,128a8,8,0,0,1-3,6.25l-40,32a8,8,0,1,1-10-12.5L107.19,128,75,102.25a8,8,0,1,1,10-12.5l40,32A8,8,0,0,1,128,128Zm48,24H136a8,8,0,0,0,0,16h40a8,8,0,0,0,0-16Zm56-96V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56ZM216,200V56H40V200H216Z"/>';
+  readonly 'file-code': '<path d="M181.66,146.34a8,8,0,0,1,0,11.32l-24,24a8,8,0,0,1-11.32-11.32L164.69,152l-18.35-18.34a8,8,0,0,1,11.32-11.32Zm-72-24a8,8,0,0,0-11.32,0l-24,24a8,8,0,0,0,0,11.32l24,24a8,8,0,0,0,11.32-11.32L91.31,152l18.35-18.34A8,8,0,0,0,109.66,122.34ZM216,88V216a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V40A16,16,0,0,1,56,24h96a8,8,0,0,1,5.66,2.34l56,56A8,8,0,0,1,216,88Zm-56-8h28.69L160,51.31Zm40,136V96H152a8,8,0,0,1-8-8V40H56V216H200Z"/>';
+  readonly hash: '<path d="M224,88H175.4l8.47-46.57a8,8,0,0,0-15.74-2.86l-9,49.43H111.4l8.47-46.57a8,8,0,0,0-15.74-2.86L95.14,88H48a8,8,0,0,0,0,16H92.23L83.5,152H32a8,8,0,0,0,0,16H80.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,80,224a8,8,0,0,0,7.86-6.57l9-49.43H144.6l-8.47,46.57a8,8,0,0,0,6.44,9.3A7.79,7.79,0,0,0,144,224a8,8,0,0,0,7.86-6.57l9-49.43H208a8,8,0,0,0,0-16H163.77l8.73-48H224a8,8,0,0,0,0-16Zm-76.5,64H99.77l8.73-48h47.73Z"/>';
+  readonly command: '<path d="M180,144H160V112h20a36,36,0,1,0-36-36V96H112V76a36,36,0,1,0-36,36H96v32H76a36,36,0,1,0,36,36V160h32v20a36,36,0,1,0,36-36ZM160,76a20,20,0,1,1,20,20H160ZM56,76a20,20,0,0,1,40,0V96H76A20,20,0,0,1,56,76ZM96,180a20,20,0,1,1-20-20H96Zm16-68h32v32H112Zm68,88a20,20,0,0,1-20-20V160h20a20,20,0,0,1,0,40Z"/>';
+};
+/** Lucide names that map to a Phosphor icon. */
+declare const PH_ALIAS: {
+  readonly 'chart-column': 'chart-bar';
+  readonly settings: 'gear';
+  readonly search: 'magnifying-glass';
+  readonly pencil: 'pencil-simple';
+  readonly 'trash-2': 'trash';
+  readonly download: 'download-simple';
+  readonly upload: 'upload-simple';
+  readonly 'refresh-cw': 'arrows-clockwise';
+  readonly 'chevron-right': 'caret-right';
+  readonly 'chevron-left': 'caret-left';
+  readonly 'chevron-down': 'caret-down';
+  readonly 'chevron-up': 'caret-up';
+  readonly ellipsis: 'dots-three';
+  readonly 'ellipsis-vertical': 'dots-three-vertical';
+  readonly calendar: 'calendar-blank';
+  readonly 'log-out': 'sign-out';
+  readonly 'log-in': 'sign-in';
+  readonly 'eye-off': 'eye-slash';
+  readonly 'circle-alert': 'warning-circle';
+  readonly 'triangle-alert': 'warning';
+  readonly 'circle-check': 'check-circle';
+  readonly 'circle-x': 'x-circle';
+  readonly 'loader-circle': 'circle-notch';
+  readonly 'panel-left-close': 'sidebar-simple';
+  readonly 'panel-left-open': 'sidebar-simple';
+  readonly 'external-link': 'arrow-square-out';
+  readonly mail: 'envelope-simple';
+  readonly 'share-2': 'share-network';
+  readonly send: 'paper-plane-tilt';
+  readonly save: 'floppy-disk';
+  readonly 'undo-2': 'arrow-u-up-left';
+  readonly 'redo-2': 'arrow-u-up-right';
+  readonly list: 'list-bullets';
+  readonly 'layout-grid': 'squares-four';
+  readonly 'layout-dashboard': 'layout';
+  readonly server: 'hard-drives';
+  readonly menu: 'list';
+  readonly activity: 'pulse';
+  readonly 'circle-help': 'question';
+  readonly 'message-square': 'chat-centered';
+};
+type PhosphorName = keyof typeof PH;
+/** A built-in icon: a Phosphor name, or a Lucide name that maps to one. */
+type IconName = PhosphorName | keyof typeof PH_ALIAS;
+/** Path data for a custom 24 x 24 stroke icon ('M4 12h16'), or SVG markup on a 256 x 256 viewBox. */
+type CustomIcon = `M${string}` | `m${string}` | `<${string}`;
+/** What an `icon` prop takes: a built-in name (checked by TypeScript) or a custom icon. */
+type IconSource = IconName | CustomIcon;
+interface IconProps {
+  /** Built-in Phosphor name, e.g. 'house', 'trash' (Lucide names work as aliases). */
+  name?: IconName;
+  /** A custom icon when it is not built in: 24 px path data, or SVG markup. */
+  d?: CustomIcon;
+  /** Default 20. */
+  size?: number;
+  /** Stroke width of a custom path icon. Default 2. */
+  strokeWidth?: number;
+  /** The Fill version, for a selected item. */
+  filled?: boolean;
+  className?: string;
+}
+/** Phosphor icon, 20 px, inherits the text color. Decorative: label the control that holds it. */
+export declare function Icon({ name, d, size, strokeWidth, filled, className }: IconProps): import("react").JSX.Element;
+/** Markup of every built-in icon by name, aliases included. */
+export declare const icons: Readonly<Record<IconName, string>>;
+interface NavItem {
+  id: string;
+  label: string;
+  /** Top-level items have an icon; the selected one is filled. */
+  icon?: IconSource;
+  /** Second level, shown under the item; it opens and closes. */
+  children?: NavItem[];
+}
+interface NavSection {
+  items: NavItem[];
+}
+interface SideNavProps {
+  /** Groups separated by a divider. */
+  sections: NavSection[];
+  /** Id of the current page. */
+  value: string;
+  onChange?: (id: string) => void;
+  /** 72 px with icons only, labels as tooltips. */
+  collapsed?: boolean;
+  /** Adds the collapse button at the bottom left. */
+  onToggle?: () => void;
+  brand?: React.ReactNode;
+  /** Default 「主要導覽」. */
+  label?: string;
+  className?: string;
+}
+/** The 240 px dashboard sidebar (72 px collapsed). The selection bar moves like a droplet. */
+export declare function SideNav({ sections, value, onChange, collapsed, onToggle, brand, label, className }: SideNavProps): React.JSX.Element;
+interface BreadcrumbItem {
+  label: string;
+  href?: string;
+}
+interface BreadcrumbProps {
+  /** From the top level down; the last one is the current page. */
+  items: BreadcrumbItem[];
+  className?: string;
+}
+/** Where the page sits: links to each level, the current page last and not a link. */
+export declare function Breadcrumb({ items, className }: BreadcrumbProps): import("react").JSX.Element;
+interface AppShellProps {
+  /** Sidebar groups. On phones, top-level items with an icon become bottom tabs; pages they cannot reach go under 「更多」. */
+  nav: NavSection[];
+  /** Id of the current page. */
+  value: string;
+  onNavigate: (id: string) => void;
+  /** Logo or product name at the top of the sidebar. */
+  brand?: React.ReactNode;
+  /** The page title, shown once in the top bar. Do not repeat it as a heading in the page. */
+  title?: string;
+  breadcrumb?: BreadcrumbItem[];
+  /** Opens search (CommandPalette). */
+  onSearch?: () => void;
+  /** Right side of the top bar: NotificationBell, ProjectSwitcher, the account menu. */
+  actions?: React.ReactNode;
+  /** The page: Cards and sections, 32 px apart. */
+  children: React.ReactNode;
+  className?: string;
+}
+/** The dashboard frame: sidebar (240 px, 72 px collapsed and on tablets), top bar, and bottom tabs on phones.
+ *  The top bar hides while scrolling down and returns when scrolling up. */
+export declare function AppShell({ nav, value, onNavigate, brand, title, breadcrumb, onSearch, actions, children, className }: AppShellProps): React.JSX.Element;
+interface GridProps {
+  /** Columns from 1280 px. Under 600 px there is one column; in between, at most 2. Default 3. */
+  columns?: 1 | 2 | 3 | 4 | 6;
+  children: React.ReactNode;
+  className?: string;
+}
+/** Equal columns for Cards and KpiCards, 24 px apart. Use it instead of writing your own CSS grid. */
+export declare function Grid({ columns, children, className }: GridProps): React.JSX.Element;
+interface PageProps {
+  children: React.ReactNode;
+  className?: string;
+}
+/** The content of a page: sections and Grids stacked 32 px apart. */
+export declare function Page({ children, className }: PageProps): React.JSX.Element;
+interface AccentPickerProps {
+  /** Controlled #rrggbb. Without it, the picker reads and sets the stored accent itself. */
+  value?: string;
+  /** Without it, picking applies the color with setAccent. */
+  onChange?: (hex: string) => void;
+  /** Default 「強調色」. */
+  label?: string;
+  className?: string;
+}
+/** 8 swatches plus a hex field for any color. */
+export declare function AccentPicker({ value, onChange, label, className }: AccentPickerProps): React.JSX.Element;
+interface ButtonBase extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+  /** A verb: 儲存, 刪除, 匯出. No 「確定」or 「好」. */
+  children: React.ReactNode;
+  /** Shows a spinner and disables the button; pair it with a progressive label such as 儲存中. */
+  loading?: boolean;
+  /** Leading icon: a built-in name such as 'plus', or custom path data. */
+  icon?: IconSource;
+  ref?: React.Ref<HTMLButtonElement>;
+}
+/** What the confirm dialog of a danger button says. */
+interface DangerConfirm {
+  /** Names the object: 「刪除 api-gateway？」. */
+  title: string;
+  /** What is lost and whether it can be undone. */
+  body?: React.ReactNode;
+  /** The danger button's label in the dialog. Default: the button's own label. */
+  confirmLabel?: string;
+}
+type ButtonProps = (ButtonBase & {
+  /** primary: the one main action of a section. secondary (default): everything else. */
+  variant?: 'primary' | 'secondary';
+}) | (ButtonBase & {
+  /** Destructive. Must be confirmed: pass `confirm`, or `confirmed` when this button is itself inside the confirm Dialog. */
+  variant: 'danger';
+  /** Opens a Dialog first; onClick runs only after the person confirms. */
+  confirm: DangerConfirm;
+  confirmed?: never;
+}) | (ButtonBase & {
+  variant: 'danger';
+  /** This button is the confirming button of a Dialog (or DangerZone), so it runs at once. */
+  confirmed: true;
+  confirm?: never;
+});
+/** Buttons. Labels are verbs; one primary per section; danger actions are always confirmed. */
+export declare function Button(props: ButtonProps): React.JSX.Element;
+interface ActionBase {
+  /** A verb. */
+  label: string;
+  onClick?: () => void;
+  icon?: IconSource;
+  disabled?: boolean;
+}
+type ActionBarAction = (ActionBase & {
+  /** The one primary action. Default: the first action. */
+  primary?: boolean;
+  danger?: false;
+}) | (ActionBase & {
+  /** Red in the 「更多」 menu, confirmed first. */
+  danger: true;
+  confirm: DangerConfirm;
+  primary?: false;
+});
+interface ActionBarProps {
+  actions: ActionBarAction[];
+  className?: string;
+}
+/** A card's actions in a row. Under 600 px the primary one fills the width and the rest go into 「更多」. */
+export declare function ActionBar({ actions, className }: ActionBarProps): import("react").JSX.Element;
+type AlertTone = 'info' | 'success' | 'warning' | 'danger';
+interface AlertProps {
+  /** Default 'info'. danger is announced at once (role alert). */
+  tone?: AlertTone;
+  title?: string;
+  /** The cause and the fix, at most 2 short sentences. */
+  children?: React.ReactNode;
+  /** A verb, such as 重試. */
+  actionLabel?: string;
+  onAction?: () => void;
+  /** Adds × for info and success; warning and danger stay until the problem is solved. */
+  onDismiss?: () => void;
+  className?: string;
+}
+/** A message inside the page with a colored bar and icon. */
+export declare function Alert({ tone, title, children, actionLabel, onAction, onDismiss, className }: AlertProps): React.JSX.Element;
+type BadgeStatus = 'draft' | 'doing' | 'review' | 'done' | 'fail';
+interface BadgeProps {
+  status: BadgeStatus;
+  /** 'dot' on cards: a mark and colored text, no chip. Default 'chip'. */
+  variant?: 'chip' | 'dot';
+  /** Default: the status name (草稿, 進行中, 審核中, 完成, 失敗). */
+  children?: React.ReactNode;
+  className?: string;
+}
+/** Status of an item. The mark's shape carries the status too, so it never depends on color alone. */
+export declare function Badge({ status, variant, children, className }: BadgeProps): React.JSX.Element;
+interface BarDatum {
+  label: string;
+  /** Shorter x-axis label when the full one would crowd. */
+  short?: string;
+  value: number;
+}
+interface BarChartProps {
+  data: BarDatum[];
+  /** Describes the chart for screen readers. */
+  label: string;
+  unit?: string;
+  /** Decimals of the values in the tooltip. Default 0. */
+  decimals?: number;
+  max?: number;
+  className?: string;
+}
+/** Compares a few categories: rounded bars that grow in, a tooltip on hover. */
+export declare function BarChart({ data, label, unit, decimals, max, className }: BarChartProps): React.JSX.Element;
+interface DayState {
+  selected?: boolean;
+  inRange?: boolean;
+  start?: boolean;
+  end?: boolean;
+  disabled?: boolean;
+}
+interface CalendarProps {
+  /** The month shown first. Default: this month. */
+  focus?: Date | null;
+  onPick?: (d: Date) => void;
+  onHover?: (d: Date | null) => void;
+  /** How each day looks: selected, inside a range, disabled. */
+  dayState?: (d: Date) => DayState | undefined;
+}
+/** A month grid: selected days are rounded squares, today has a dot under the number. */
+export declare function Calendar({ focus, onPick, onHover, dayState }: CalendarProps): React.JSX.Element;
+interface CardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+  /** Heading at the top left. */
+  title?: React.ReactNode;
+  /** Buttons at the top right. */
+  actions?: React.ReactNode;
+  /** false: no inner padding, for a table or a tree that fills the card. */
+  padding?: boolean;
+  /** Element to render. Default 'section'. */
+  as?: 'section' | 'div' | 'article' | 'aside' | 'form';
+  children?: React.ReactNode;
+}
+/** The one container with a shadow. Never put a Card inside a Card: split the content into sections with headings instead. */
+export declare function Card({ as: Tag, title, actions, padding, className, children, ...native }: CardProps): React.JSX.Element;
+interface CheckboxProps {
+  /** 'mixed': some of a group are checked (shows a dash). */
+  checked?: boolean | 'mixed';
+  /** Receives the new state; from 'mixed' it goes to true. */
+  onChange?: (checked: boolean) => void;
+  /** Text to the right of the box. Without it, pass aria-label. */
+  label?: React.ReactNode;
+  'aria-label'?: string;
+  disabled?: boolean;
+  className?: string;
+}
+/** A check box with a drawn check mark. The whole row is the touch target. */
+export declare function Checkbox({ checked, onChange, label, disabled, className, ...aria }: CheckboxProps): React.JSX.Element;
+type TokenClass = '' | 'is-keyword' | 'is-constant' | 'is-comment' | 'is-string';
+type Token = [TokenClass, string];
+/** Splits each line into tokens. Block comments and strings may span lines. */
+type Tokenizer = (lines: string[], lang: string) => Token[][];
+type CodeLanguage = 'c' | 'js' | 'py' | 'sh' | 'plain';
+interface CodeViewProps {
+  /** The source text. */
+  code: string;
+  /** Number of the first line. Default 1. */
+  start?: number;
+  /** A line or [from, to] to mark. On phones only these lines and `context` lines either side show at first. */
+  target?: number | [number, number];
+  /** Lines shown either side of the target on phones. Default 2. */
+  context?: number;
+  /** Path in the header; its extension picks the language. */
+  file?: string;
+  fileHref?: string;
+  onFile?: (e: React.MouseEvent<HTMLElement>) => void;
+  /** Header text when there is no file. */
+  title?: string;
+  /** 'c' | 'js' | 'py' | 'sh' | 'plain', or any language your tokenizer knows. Default: from the file extension. */
+  language?: string;
+  /** Label at the right of the header; false hides it. */
+  languageLabel?: string | false;
+  /** false: no syntax colors. */
+  highlight?: boolean;
+  /** Replaces the built-in highlighter, e.g. one built on Shiki that returns the same token classes. */
+  tokenizer?: Tokenizer;
+  /** Scrolls inside the box and keeps the target in view, e.g. '420px'. */
+  maxHeight?: string;
+  className?: string;
+}
+/** Source with line numbers and an optional target line: soft accent background, long lines wrap, light syntax colors. */
+export declare function CodeView({ code, start, target, context, file, fileHref, onFile, title, language, languageLabel, highlight, tokenizer, maxHeight, className }: CodeViewProps): React.JSX.Element;
+interface PaletteItem {
+  id?: string | number;
+  label: string;
+  /** Under the label; `backticks` are code. */
+  detail?: string;
+  /** What it is: 頁面, 設定, 指令, 檔案, or your own kinds (with `kinds`). Picks the icon. */
+  kind?: string;
+  /** Overrides the kind's icon. */
+  icon?: IconSource;
+  /** The label is code: Geist Mono. */
+  code?: boolean;
+  /** More words that find it. */
+  keywords?: string[];
+}
+interface CommandPaletteProps<T extends PaletteItem = PaletteItem> {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  items: T[];
+  onSelect?: (item: T) => void;
+  /** Default 「搜尋」. */
+  placeholder?: string;
+  /** Shown before anything is typed. */
+  recent?: T[];
+  /** Default 「最近開啟」. */
+  recentLabel?: string;
+  /** Shown with nothing typed and no recent items. Default 「輸入名稱開始搜尋」. */
+  emptyText?: string;
+  /** Icon for each of your own kinds: { 函式: 'brackets-curly' }. */
+  kinds?: Record<string, IconSource>;
+  /** false: items are already filtered (server search with onQueryChange). */
+  filter?: boolean;
+  onQueryChange?: (query: string) => void;
+  /** Shows 「搜尋中」 when there are no items yet. */
+  loading?: boolean;
+  /** Most results shown. Default 50. */
+  limit?: number;
+  /** Ctrl K / ⌘K toggles it. Default true. */
+  hotkey?: boolean;
+  defaultQuery?: string;
+  /** Default 「搜尋」. */
+  label?: string;
+}
+/** One search for everything, opened with Ctrl K (⌘K). A panel in the middle of the screen; results sorted by relevance. */
+export declare function CommandPalette<T extends PaletteItem = PaletteItem>(props: CommandPaletteProps<T>): React.JSX.Element;
+interface DangerZoneProps {
+  /** Default 「危險操作」. */
+  title?: string;
+  /** What the action destroys. */
+  description: string;
+  /** Default 「刪除」. */
+  actionLabel?: string;
+  /** Runs after the person confirms. */
+  onAction: () => void;
+  /** The confirm dialog: name the object in the title. */
+  confirm: DangerConfirm;
+  className?: string;
+}
+/** A red-bordered block at the bottom of a settings page for delete-type actions; the button asks to confirm. */
+export declare function DangerZone({ title, description, actionLabel, onAction, confirm, className }: DangerZoneProps): import("react").JSX.Element;
+/** A row: any object. Column keys are checked against it. */
+type Row = object;
+/** The string keys of a row type. */
+type RowKey<R extends Row> = Extract<keyof R, string>;
+interface ColumnBase<R extends Row> {
+  /** Header text; never wraps. */
+  label: string;
+  /** Numbers: right-aligned with tabular figures. */
+  numeric?: boolean;
+  /** After each value: '%', 'ms', '個'. Write it here, not in the label. */
+  unit?: string;
+  sortable?: boolean;
+  /** What to sort by when it is not the field itself. */
+  sortValue?: (row: R) => number | string;
+  width?: number;
+  grow?: number;
+  /** money: NT$ 1,280. date: 2026/11/04（三）. relative: 「2 小時前」 within a week. percent: 1 decimal, no % sign: add unit: '%'. */
+  format?: 'money' | 'date' | 'datetime' | 'relative' | 'percent';
+  currency?: string;
+  decimals?: number;
+  /** The text search matches for this column. */
+  searchText?: (row: R) => string;
+  /** Place on phone cards: title row left, title row right, or hidden. Default: the first column is the title. */
+  mobile?: 'title' | 'status' | 'hide';
+  /** Long text: 2 lines with 「顯示全部」 on phone cards, one line with an ellipsis on desktop. */
+  long?: boolean;
+}
+/** A column shows a field of the row (key is checked against the row type), or computes its cell with render (any key). */
+type DataTableColumn<R extends Row = Record<string, unknown>> = ColumnBase<R> & ({
+  /** The field shown in this column. */
+  key: RowKey<R>;
+  /** Your own cell content (a Badge, a link). Give searchText too, so search finds it. */
+  render?: (row: R) => React.ReactNode;
+} | {
+  /** A column that is not a field: any unique key, with render (and searchText / sortValue for search and sort). */
+  key: string;
+  render: (row: R) => React.ReactNode;
+});
+interface FilterOption {
+  value: string;
+  label: string;
+}
+interface DataTableFilter<R extends Row = Record<string, unknown>> {
+  key: RowKey<R>;
+  label: string;
+  /** list: options with counts (default). range: min and max. */
+  type?: 'list' | 'range';
+  /** Default: every distinct value of the field. */
+  options?: FilterOption[];
+  /** More than one option at a time. Default true. */
+  multiple?: boolean;
+  /** Range inputs are multiplied by this before comparing, e.g. 1024 for MB typed against bytes. */
+  scale?: number;
+  /** Under the range inputs, e.g. 「單位：MB」. */
+  unitLabel?: string;
+  /** Your own test for a row. */
+  match?: (row: R, value: FilterValue) => boolean;
+}
+type RangeValue = {
+  min: string;
+  max: string;
+};
+type FilterValue = string[] | RangeValue;
+interface DataTableView<R extends Row = Record<string, unknown>> {
+  id: string;
+  label: string;
+  filter?: (row: R) => boolean;
+}
+type Total<R extends Row> = 'sum' | 'avg' | ((rows: R[]) => React.ReactNode);
+interface DataTableProps<R extends Row = Record<string, unknown>> {
+  columns: DataTableColumn<R>[];
+  /** Give each row an `id` so selection and animations follow the row, not its position. */
+  rows: R[];
+  /** Title above the table, also its accessible name. */
+  caption?: string;
+  /** Segmented summary above the table: 「全部」 plus one tab per status with its count; picking one filters the rows. */
+  summary?: {
+    key: RowKey<R>;
+    items: {
+      value: string;
+      label: string;
+    }[];
+    label?: string;
+  };
+  /** aria-label when there is no caption. */
+  label?: string;
+  /** Rows per page. Default 10. */
+  pageSize?: number;
+  /** Change it when the rows become a different data set: search, filters, sort, page, selection and summary reset. */
+  resetKey?: string | number;
+  /** Checkboxes appear when a row is hovered, and on every row once any row is selected. */
+  selectable?: boolean;
+  /** Buttons for the bar that replaces the header while rows are selected. */
+  bulkActions?: (ids: string[], clear: () => void) => React.ReactNode;
+  /** IconButtons at the row's right end, shown when the row is hovered. */
+  rowActions?: (row: R) => React.ReactNode;
+  /** px. Default 88. */
+  actionsWidth?: number;
+  /** Search box (default on; false hides it). Searches every column unless keys is given. */
+  search?: false | {
+    placeholder?: string;
+    keys?: RowKey<R>[];
+  };
+  /** Filters in the 「篩選」 popover. */
+  filters?: DataTableFilter<R>[];
+  /** @deprecated use filters. */
+  filter?: {
+    key: RowKey<R>;
+    label?: string;
+    options: FilterOption[];
+  };
+  /** Write search and filters into the URL. Default true. */
+  urlSync?: boolean;
+  /** Prefix of the URL parameters when a page has several tables. */
+  urlKey?: string;
+  /** Saved views shown as tabs above the table. */
+  views?: DataTableView<R>[];
+  /** Totals row: 'sum', 'avg' or a function per column key. */
+  totals?: Partial<Record<string, Total<R>>>;
+  /** Keep the first column visible while scrolling sideways. */
+  stickyFirst?: boolean;
+  /** 「欄位」 menu to hide columns. Default true. */
+  columnMenu?: boolean;
+  /** Default 「沒有符合的資料」. */
+  emptyText?: string;
+  className?: string;
+}
+/** The table for records: sort, search, filters, page numbers, selection with a bulk bar, row actions; cards on phones. */
+export declare function DataTable<R extends Row = Record<string, unknown>>(p: DataTableProps<R>): React.JSX.Element;
+interface DatePickerProps {
+  label?: string;
+  value: Date | null;
+  onChange: (d: Date | null) => void;
+  /** Default 「可以直接輸入，例如 2026/11/14」. */
+  hint?: string;
+  required?: boolean;
+  className?: string;
+}
+/** A date field: type YYYY/MM/DD, or pick from the calendar button's month grid. */
+export declare function DatePicker({ label, value, onChange, hint, required, className }: DatePickerProps): React.JSX.Element;
+type DateRange = [Date, Date];
+interface DateRangePickerProps {
+  label?: string;
+  value: [Date | null, Date | null];
+  onChange: (range: DateRange) => void;
+  /** Default 「選擇期間」. */
+  placeholder?: string;
+  className?: string;
+}
+/** A period: quick ranges (今天、最近 7 天、最近 30 天、本月、上個月) beside one month. Click a start day, then an end day. */
+export declare function DateRangePicker({ label, value, onChange, placeholder, className }: DateRangePickerProps): React.JSX.Element;
+interface DetailListItem {
+  label: string;
+  value: React.ReactNode;
+}
+interface DetailListProps {
+  items: DetailListItem[];
+  className?: string;
+}
+/** Labelled facts about one item: label beside the value when there is room, above it under 600 px. */
+export declare function DetailList({ items, className }: DetailListProps): React.JSX.Element;
+interface DialogProps {
+  /** Shows the dialog over a blurred backdrop, with focus trapped inside and Esc to close.
+   *  Required unless modal={false}. */
+  open?: boolean;
+  /** Called on Esc, a press on the backdrop, × and the cancel button. */
+  onClose?: () => void;
+  /** States the decision; may be a question: 「刪除 api-gateway？」. */
+  title: string;
+  /** What happens and whether it can be undone, at most 2 short sentences. */
+  children?: React.ReactNode;
+  /** The confirming button's label, a verb: 刪除, 發布. With onConfirm, the dialog draws its own buttons. */
+  confirmLabel?: string;
+  onConfirm?: () => void;
+  /** Default 「取消」. */
+  cancelLabel?: string;
+  /** danger: the confirming button is red. */
+  tone?: 'default' | 'danger';
+  /** Spinner on the confirming button while the action runs. */
+  confirmLoading?: boolean;
+  /** Your own buttons instead of confirmLabel: secondary first, primary last. */
+  actions?: React.ReactNode;
+  className?: string;
+  /** @deprecated the id is generated. */
+  titleId?: string;
+  /** false: draw the panel inline, as a static preview in docs. Without it, pass open. */
+  modal?: false;
+}
+/** A centered 400 px dialog for a decision. Secondary button left, primary right. */
+export declare function Dialog(props: DialogProps): React.JSX.Element;
+interface DrawerProps {
+  open: boolean;
+  onClose: () => void;
+  title: string;
+  /** Footer buttons: secondary first, primary last. Pass a function to get requestClose for your 取消 button: it
+   *  asks before discarding unsaved changes, like ✕ and Esc. */
+  actions?: React.ReactNode | ((requestClose: () => void) => React.ReactNode);
+  /** Unsaved changes: closing asks 「放棄未儲存的變更？」 first. */
+  dirty?: boolean;
+  /** px. Default 400. */
+  width?: number;
+  confirmTitle?: string;
+  confirmText?: string;
+  children?: React.ReactNode;
+}
+/** A 400 px panel from the right for editing one item without leaving the page. */
+export declare function Drawer({ open, onClose, title, actions, dirty, width, confirmTitle, confirmText, children }: DrawerProps): React.JSX.Element;
+interface EmptyStateProps {
+  /** What is empty, stated: 「還沒有專案」. */
+  title: string;
+  /** One sentence on what to do. */
+  description?: string;
+  /** Numbered first steps. */
+  steps?: string[];
+  /** Index of the current step. Default 0. */
+  current?: number;
+  /** The one button that starts the first step. */
+  action?: React.ReactNode;
+}
+/** What a list or page shows when it has nothing yet: what is missing and the first step. */
+export declare function EmptyState({ title, description, steps, current, action }: EmptyStateProps): React.JSX.Element;
+interface ErrorPageProps {
+  /** 404, 403 and 500 come with their own title and sentence. */
+  code: number;
+  title?: string;
+  description?: string;
+  /** Default: history.back(). */
+  onBack?: () => void;
+  onHome?: () => void;
+  /** Default '/'. */
+  homeHref?: string;
+  className?: string;
+}
+/** A whole page for 404, 403 and 500: the code, a title, one sentence, then 「回上一頁」 and 「回首頁」. */
+export declare function ErrorPage({ code, title, description, onBack, onHome, homeHref, className }: ErrorPageProps): import("react").JSX.Element;
+interface UploadFile {
+  id?: string | number;
+  name: string;
+  /** format.fileSize(bytes), e.g. 「1.2 MB」. */
+  size?: string;
+  /** 0 to 100 while uploading. */
+  progress?: number;
+  status?: 'uploading' | 'done' | 'error';
+  /** The cause and the fix, shown in red. */
+  error?: string;
+}
+interface FileUploadProps {
+  label?: string;
+  files?: UploadFile[];
+  onAdd?: (files: File[]) => void;
+  onRemove?: (file: UploadFile) => void;
+  onRetry?: (file: UploadFile) => void;
+  /** Written inside the drop zone, e.g. 「每個最大 100 MB」. */
+  limitText?: string;
+  accept?: string;
+  /** Default true. */
+  multiple?: boolean;
+  className?: string;
+}
+/** A one-line drop zone and a list of files with progress. The upload itself is yours: pass files with progress and status. */
+export declare function FileUpload({ label, files, onAdd, onRemove, onRetry, limitText, accept, multiple, className }: FileUploadProps): React.JSX.Element;
+interface FormGridProps {
+  children?: React.ReactNode;
+  className?: string;
+}
+/** Form layout: one column, two columns from 960 px. */
+export declare function FormGrid({ children, className }: FormGridProps): React.JSX.Element;
+/** <defs> with the arrowheads #ui-arrow and #ui-arrow-accent; put it first inside your diagram's <svg>. */
+export declare function GraphDefs(): import("react").JSX.Element;
+interface GraphLegendItem {
+  /** edge: a confirmed line; inferred: a dashed line; external: a dashed box; node: a plain box; weight: thin and thick lines. */
+  type: 'edge' | 'inferred' | 'external' | 'node' | 'weight';
+  /** Your own words for it: 「呼叫」「推測的呼叫」「外部函式」. */
+  label: string;
+  /** Adds a Term with this explanation. */
+  text?: string;
+}
+interface GraphLegendProps {
+  /** Default: 確定的關係, 推測的關係, 外部項目. Pass your domain's words. */
+  items?: GraphLegendItem[];
+  className?: string;
+}
+/** The legend row under a diagram: what each line and box style means. */
+export declare function GraphLegend({ items, className }: GraphLegendProps): import("react").JSX.Element;
+interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+  /** What the button does, a verb: 「刪除」「複製連結」. Becomes aria-label and the tooltip. */
+  label: string;
+  /** A built-in name such as 'trash', or custom path data. */
+  icon: IconSource;
+  /** false: no tooltip (when the label is already visible next to it). Default true. */
+  tooltip?: boolean;
+  ref?: React.Ref<HTMLButtonElement>;
+}
+/** A square icon-only button with a tooltip. */
+export declare function IconButton({ label, icon, className, tooltip, ...native }: IconButtonProps): React.JSX.Element;
+interface InlineCodeProps {
+  children?: React.ReactNode;
+  /** Makes it a link. */
+  href?: string;
+  onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+  className?: string;
+}
+/** Code inside a sentence: monospace on a light gray chip. A span that points somewhere is a link. */
+export declare function InlineCode({ children, href, onClick, className }: InlineCodeProps): React.JSX.Element;
+/** Returns the link of a reference such as src/app.c:86, or undefined when it has no target. */
+type RefHref = (ref: string) => string | undefined | null;
+/** Called on a plain click on a reference; the default navigation is prevented. */
+type OnRef = (ref: string, e: React.MouseEvent<HTMLElement>) => void;
+export declare const isCodeRef: (span: string) => boolean;
+interface CodeTextProps {
+  /** Text with `backtick` spans, as written in Markdown. */
+  text: string;
+  /** Spans that look like file.c:86 become links; return undefined when the reference has no target. */
+  refHref?: RefHref;
+  onRef?: OnRef;
+  /** Which spans are references. Default: a file name with a line number. */
+  isRef?: (span: string) => boolean;
+  as?: 'span' | 'p' | 'div' | 'li';
+  className?: string;
+}
+/** Text with `backtick` spans: renders them as InlineCode, never as raw backticks. */
+export declare function CodeText({ text, refHref, onRef, isRef, as: Tag, className }: CodeTextProps): React.JSX.Element;
+interface KpiCardProps {
+  /** What is measured: 「本月營收」. */
+  label: string;
+  value: number;
+  /** 'money' shows NT$ 1,280; 'percent' 1 decimal without the % sign: pass unit="%" (same as DataTable). Default 'number'. */
+  format?: 'number' | 'money' | 'percent';
+  /** For money. Default: the locale's currency (TWD). */
+  currency?: string;
+  /** Abbreviate from 1 萬 (default true). The only place numbers are abbreviated. */
+  compact?: boolean;
+  /** Written after the number: 元, 人, ms, %. */
+  unit?: string;
+  decimals?: number;
+  /** Change versus the comparison period. */
+  delta?: number;
+  /** '%' (default) or 'pt' for percentage points. */
+  deltaUnit?: '%' | 'pt';
+  /** Whether the change is good. Default: delta > 0. Set false where up is bad (error rate, cost). */
+  good?: boolean;
+  /** Recent values for the sparkline. */
+  spark?: number[];
+  /** Default 「較上週」. */
+  compareLabel?: string;
+  className?: string;
+}
+/** One figure with its change and a sparkline. It is a card: put several in a grid, not inside another Card. */
+export declare function KpiCard(props: KpiCardProps): React.JSX.Element;
+interface LayerGraphNode {
+  id: string;
+  name?: string;
+  /** 0 is the top layer. */
+  layer?: number;
+  /** How big it is (functions, files, endpoints): drawn as the size bar. */
+  size?: number;
+  /** @deprecated use size. */
+  fns?: number;
+  /** Used by most others: not drawn; listed under the diagram with how often it is used. */
+  shared?: boolean;
+}
+interface LayerGraphEdge {
+  from: string;
+  to: string;
+  /** How often: sets the line width. */
+  count?: number;
+  /** Inferred by a rule rather than known: dashed and labelled. */
+  inferred?: boolean;
+  /** Label of an inferred edge; `backticks` and numbers are in Geist Mono. */
+  label?: string;
+}
+interface LayerGraphProps {
+  nodes: LayerGraphNode[];
+  edges: LayerGraphEdge[];
+  selected?: string | null;
+  /** Selecting a box dims everything unrelated and turns its lines accent. */
+  onSelect?: (id: string | null) => void;
+  /** px. Default 200. */
+  nodeWidth?: number;
+  /** Text under a box's size bar; {n} is the size. Default 「{n} 個項目」. */
+  sizeLabel?: string;
+  /** Label of a selected edge; {n} is its count. Default 「{n} 次」. */
+  countLabel?: string;
+  /** Heading of the shared list. Default 「共用項目」. */
+  sharedLabel?: string;
+  /** A shared item's line; {a} is how many items use it, {b} the total count. Default 「{a} 個項目使用，共 {b} 次」. */
+  sharedMeta?: string;
+  /** Label of inferred edges without their own. Default 「推測」. */
+  inferredLabel?: string;
+  /** Explains inferred edges in the legend (a Term). */
+  inferredText?: string;
+  /** false hides the legend. */
+  legend?: boolean;
+  legendItems?: GraphLegendItem[];
+  /** Default 「架構圖」. */
+  label?: string;
+  className?: string;
+}
+/** Architecture as layers of boxes with arrows. Line width shows how often; inferred relations are dashed and labelled;
+ *  shared items are listed under the diagram instead of drawn. Wider than the screen: scrolls sideways. */
+export declare function LayerGraph(p: LayerGraphProps): React.JSX.Element;
+interface LineSeries {
+  name: string;
+  values: number[];
+}
+interface LineChartProps {
+  /** Up to 3 series (chart-1 to chart-3); a legend appears for 2 or more. */
+  series: LineSeries[];
+  /** One label per point on the x axis. */
+  labels: string[];
+  /** Describes the chart for screen readers. */
+  label: string;
+  /** After each value in the tooltip. */
+  unit?: string;
+  /** Decimals of the values in the tooltip. Default 0. */
+  decimals?: number;
+  /** Top of the y axis. Default: a round number above the largest value. */
+  max?: number;
+  /** Show every nth x label when they would crowd. */
+  labelEvery?: number;
+  className?: string;
+}
+/** A trend over time: smooth lines, 5 grid lines, a guide and tooltip on hover. */
+export declare function LineChart({ series, labels, label, unit, decimals, max, labelEvery, className }: LineChartProps): React.JSX.Element;
+interface LoadingBarProps {
+  /** Announced to screen readers. Default 「載入中」. */
+  label?: string;
+  className?: string;
+}
+/** Loading with no known end: a drop moving along a thin bar. */
+export declare function LoadingBar({ label, className }: LoadingBarProps): import("react").JSX.Element;
+interface LoginCardProps {
+  /** Logo or product name above the title. */
+  brand?: React.ReactNode;
+  /** Default 「登入」. */
+  title?: string;
+  onSubmit: (v: {
+    account: string;
+    password: string;
+  }) => void;
+  /** Errors from your sign-in check, shown under each field: the cause and the fix. */
+  error?: {
+    account?: string;
+    password?: string;
+  } | null;
+  /** Adds 「忘記密碼」 beside the password label. */
+  forgotHref?: string;
+  loading?: boolean;
+  className?: string;
+}
+/** A centered sign-in card: account, password with show-password, 「忘記密碼」 beside the password label, errors under each
+ *  field. Pass error = { account, password } from your sign-in check. */
+export declare function LoginCard(p: LoginCardProps): React.JSX.Element;
+interface MenuItemBase {
+  /** A verb: 重新命名, 複製連結. */
+  label: string;
+  icon?: IconSource;
+  /** Shown at the right, e.g. ⌘D. */
+  shortcut?: string;
+  disabled?: boolean;
+  onSelect?: () => void;
+}
+type MenuItem = (MenuItemBase & {
+  danger?: false;
+}) | (MenuItemBase & {
+  /** Red, last, after a divider. Must be confirmed: onSelect runs after the dialog. */
+  danger: true;
+  confirm: DangerConfirm;
+});
+interface MenuProps {
+  items: MenuItem[];
+  /** aria-label and tooltip of the ⋯ button. Default 「更多操作」. */
+  label?: string;
+  /** Default 'dots-three'. */
+  icon?: IconSource;
+  /** 'end' lines up right edges (default); flips when the menu would leave the window. */
+  align?: 'end' | 'start';
+  /** Extra class on the ⋯ button. */
+  triggerClassName?: string;
+}
+/** The ⋯ button and its list of actions. Danger items go last, in red, after a divider, and are confirmed. */
+export declare function Menu({ items, label, icon, align, triggerClassName }: MenuProps): React.JSX.Element;
+interface MobileTab {
+  id: string;
+  label: string;
+  icon: IconSource;
+}
+interface MobileTabBarProps {
+  /** 3 to 5 top-level pages. */
+  items: MobileTab[];
+  value: string;
+  onChange?: (id: string) => void;
+  /** Default 「主要導覽」. */
+  label?: string;
+  className?: string;
+}
+/** Bottom navigation on phones, in place of the sidebar. The pill slides like a droplet; the selected icon is filled. */
+export declare function MobileTabBar({ items, value, onChange, label, className }: MobileTabBarProps): React.JSX.Element;
+interface MultiSelectOption {
+  value: string;
+  label: string;
+}
+interface MultiSelectProps {
+  label?: string;
+  options: MultiSelectOption[];
+  value: string[];
+  onChange: (value: string[]) => void;
+  /** Allow adding values that are not in options (Enter, or the 「新增」 row). */
+  creatable?: boolean;
+  /** Chips shown before 「+n」. Default 2. */
+  maxChips?: number;
+  /** Default 「搜尋」. */
+  placeholder?: string;
+  /** Default 「找不到符合的選項」. */
+  emptyText?: string;
+  className?: string;
+}
+/** Pick several options: chips inside the field, type to filter, Backspace removes the last chip. */
+export declare function MultiSelect({ label, options, value, onChange, creatable, maxChips, placeholder, emptyText, className }: MultiSelectProps): React.JSX.Element;
+interface NotificationItem {
+  id: string | number;
+  title: string;
+  body?: string;
+  /** Relative within a week: format.relative(date). */
+  time?: string;
+  /** Group heading, e.g. 今天, 更早. Items must already be newest first. */
+  group?: string;
+  read?: boolean;
+}
+interface NotificationBellProps {
+  items: NotificationItem[];
+  onOpen?: (item: NotificationItem) => void;
+  onReadAll?: () => void;
+  /** Default 「沒有通知」. */
+  emptyText?: string;
+}
+/** The bell in the top bar: a red count (99+ above 99) and a 360 px panel of notifications grouped by time. */
+export declare function NotificationBell({ items, onOpen, onReadAll, emptyText }: NotificationBellProps): React.JSX.Element;
+interface PopoverProps {
+  /** Text of the trigger button. */
+  label: string;
+  icon?: IconSource;
+  /** A number badge on the trigger, e.g. how many filters are on. */
+  count?: number | string;
+  /** Heading inside the popover; also its accessible name. */
+  title?: string;
+  /** Default 'bottom'. */
+  side?: 'top' | 'bottom';
+  /** Default 'end'. */
+  align?: 'end' | 'start' | 'center';
+  /** Content, or a function that receives close(). */
+  children?: React.ReactNode | ((close: () => void) => React.ReactNode);
+  triggerClassName?: string;
+}
+/** A small panel with an arrow, opened from a button on hover, click or focus. For extra detail or a few controls. */
+export declare function Popover({ label, icon, count, title, side, align, children, triggerClassName }: PopoverProps): React.JSX.Element;
+interface ProgressBarProps {
+  /** 0 to 100. */
+  value: number;
+  label?: string;
+  className?: string;
+}
+/** Progress of a task with a known end, with the percentage after the bar. */
+export declare function ProgressBar({ value, label, className }: ProgressBarProps): import("react").JSX.Element;
+interface ProgressRingProps {
+  /** 0 to 100. */
+  value: number;
+  /** What is measured; announced to screen readers. */
+  label: string;
+  /** Diameter in px. Default 72. */
+  size?: number;
+  className?: string;
+}
+/** A ring that fills to a percentage, for a single figure in a card. */
+export declare function ProgressRing({ value, label, size, className }: ProgressRingProps): import("react").JSX.Element;
+type ProjectStatus = 'live' | 'stale' | 'offline';
+interface ProjectOption {
+  id: string;
+  label: string;
+  /** A second line, e.g. the environment or the last update. */
+  detail?: string;
+}
+interface ProjectSwitcherProps {
+  /** The project and environment shown, e.g. 「web · production」. */
+  project: string;
+  /** Whether the data is live. Default 'live'. */
+  status?: ProjectStatus;
+  /** Replaces the status name (即時, 已過期, 離線). */
+  statusLabel?: string;
+  /** With onChange, a list to switch project. */
+  options?: ProjectOption[];
+  value?: string;
+  onChange?: (id: string) => void;
+  /** Under the list, e.g. a link to all projects. */
+  footer?: React.ReactNode;
+  className?: string;
+}
+/** The outlined chip in the top bar: which project is shown and whether its data is live; opens a list to switch. */
+export declare function ProjectSwitcher({ project, status, statusLabel, options, value, onChange, footer, className }: ProjectSwitcherProps): React.JSX.Element;
+interface RadioOption<V extends string = string> {
+  value: V;
+  label: React.ReactNode;
+  disabled?: boolean;
+}
+interface RadioGroupProps<V extends string = string> {
+  /** Shown above the options and used as the group's name. */
+  label?: string;
+  value?: V;
+  onChange?: (value: V) => void;
+  /** 2 to 5 options, all visible. Use Select for more. */
+  options: RadioOption<V>[];
+  disabled?: boolean;
+  className?: string;
+}
+/** One choice out of a few visible options. Arrow keys move between them. */
+export declare function RadioGroup<V extends string = string>({ label, value, onChange, options, disabled, className }: RadioGroupProps<V>): React.JSX.Element;
+interface SearchFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value'> {
+  value: string;
+  onChange: (value: string) => void;
+  /** aria-label. Default 「搜尋」. */
+  label?: string;
+}
+/** A search box with a clear button. Filter as the person types. */
+export declare function SearchField({ value, onChange, className, label, ...native }: SearchFieldProps): React.JSX.Element;
+interface SelectOption<V extends string = string> {
+  value: V;
+  label: string;
+  disabled?: boolean;
+}
+interface SelectProps<V extends string = string> {
+  /** Shown above the trigger. Without it, pass aria-label. */
+  label?: string;
+  'aria-label'?: string;
+  value?: V | null;
+  onChange?: (value: V) => void;
+  options: SelectOption<V>[];
+  /** A search box at the top of the list. Default: on when there are more than 8 options. */
+  searchable?: boolean;
+  /** Default 「請選擇」. */
+  placeholder?: string;
+  /** Default 「搜尋」. */
+  searchPlaceholder?: string;
+  /** Red asterisk after the label. */
+  required?: boolean;
+  disabled?: boolean;
+  /** Form field name; the value is submitted with the form. */
+  name?: string;
+  className?: string;
+}
+/** Pick one option from a list. Use it instead of a native <select>; a search box appears above 8 options. */
+export declare function Select<V extends string = string>(props: SelectProps<V>): React.JSX.Element;
+interface SettingsCategory {
+  id: string;
+  label: string;
+  content: React.ReactNode;
+}
+interface SettingsLayoutProps {
+  title?: string;
+  categories: SettingsCategory[];
+  /** Controlled category id. */
+  value?: string;
+  onChange?: (id: string) => void;
+  /** Text of the 「已儲存」 toast; empty hides it. Changes save on their own, so there is no save button. */
+  toast?: string;
+  className?: string;
+}
+/** A settings page: categories on the left, their sections on the right. Changes save at once. */
+export declare function SettingsLayout({ title, categories, value, onChange, toast, className }: SettingsLayoutProps): React.JSX.Element;
+interface SettingsSectionProps {
+  title?: string;
+  /** One sentence under the title. */
+  description?: string;
+  children?: React.ReactNode;
+  className?: string;
+}
+/** One group of settings with a heading. It is a card on its own; inside a Card it drops its shadow. */
+export declare function SettingsSection({ title, description, children, className }: SettingsSectionProps): React.JSX.Element;
+interface SkeletonProps {
+  /** Default 100%. */
+  width?: number | string;
+  /** Default 16 px, one line of text. */
+  height?: number | string;
+}
+/** A gray shimmering block that holds the place of content while it loads. Show it at once. */
+export declare function Skeleton({ width, height }: SkeletonProps): import("react").JSX.Element;
+interface SuggestionProps {
+  /** Default 「建議修正」. */
+  title?: string;
+  /** The current line, shown with −. Text in `backticks` is code. */
+  before?: string;
+  /** The proposed line, shown with +. */
+  after: string;
+  /** What the copy button copies. Default: after. */
+  copyText?: string;
+  /** Default 「複製修正」. */
+  copyLabel?: string;
+  onCopy?: (text: string) => void;
+  onCopyError?: () => void;
+  refHref?: RefHref;
+  onRef?: OnRef;
+  isRef?: (span: string) => boolean;
+  className?: string;
+}
+/** A proposed fix: the old line (−) above the new one (+), with a copy button at the top right. */
+export declare function Suggestion({ title, before, after, copyText: copyValue, copyLabel, onCopy, onCopyError, refHref, onRef, isRef, className }: SuggestionProps): React.JSX.Element;
+interface SwitchProps {
+  checked?: boolean;
+  onChange?: (checked: boolean) => void;
+  /** What it turns on; becomes aria-label. Put the visible text next to it in the row. */
+  label: string;
+  disabled?: boolean;
+  className?: string;
+}
+/** An on/off setting that applies at once. The thumb stretches like a droplet while it moves. */
+export declare function Switch({ checked, onChange, label, disabled, className }: SwitchProps): React.JSX.Element;
+interface TabItem<V extends string = string> {
+  id: V;
+  label: string;
+  /** A count after the label, e.g. how many rows a view has. */
+  count?: number;
+}
+interface TabsProps<V extends string = string> {
+  items: TabItem<V>[];
+  value: V;
+  onChange?: (id: V) => void;
+  /** aria-label of the tab list. */
+  label?: string;
+  className?: string;
+}
+/** Views of the same content. The underline moves like a droplet; arrow keys move between tabs. */
+export declare function Tabs<V extends string = string>({ items, value, onChange, label, className }: TabsProps<V>): React.JSX.Element;
+interface TagProps {
+  children?: React.ReactNode;
+  className?: string;
+}
+/** What kind of thing an item is (「外部」「範本」): small gray text. Status uses Badge instead. */
+export declare function Tag({ children, className }: TagProps): React.JSX.Element;
+interface TermProps {
+  /** The word or label that needs explaining. */
+  children?: React.ReactNode;
+  /** Heading of the explanation. Default: children when it is text. */
+  title?: string;
+  /** The explanation, at most 2 short sentences; `backticks` are code. */
+  text?: string;
+  /** Other content instead of text. */
+  content?: React.ReactNode;
+  /** An evidence line, shown as a code block. */
+  code?: string;
+  /** One link-style action at the bottom. */
+  action?: {
+    label: string;
+    onClick?: () => void;
+  };
+  refHref?: RefHref;
+  onRef?: OnRef;
+  isRef?: (span: string) => boolean;
+  className?: string;
+}
+/** A word followed by a small question mark that opens its explanation: a floating card from 600 px, a sheet from the bottom on phones. */
+export declare function Term({ children, title, text, content, code, action, refHref, onRef, isRef, className }: TermProps): React.JSX.Element;
+interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'value'> {
+  label?: string;
+  hint?: string;
+  value: string;
+  onChange: (value: string) => void;
+  /** Shown as a counter. Default 200. */
+  maxLength?: number;
+  required?: boolean;
+}
+/** Multi-line text that grows up to 8 lines, with a character counter. */
+export declare function TextArea({ label, hint, value, onChange, maxLength, className, id, required, ...native }: TextAreaProps): React.JSX.Element;
+interface TextFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  /** Above the field, always visible. Never only a placeholder. */
+  label: string;
+  /** Red asterisk after the label. */
+  required?: boolean;
+  /** One short line under the field. */
+  hint?: string;
+  /** The cause and the fix: 「日期格式不正確，請寫成 2026/11/14」. Turns the border red. */
+  error?: string;
+  ref?: React.Ref<HTMLInputElement>;
+}
+/** A labelled one-line input with a hint or an error under it. */
+export declare function TextField({ label, hint, error, id, className, required, disabled, ...native }: TextFieldProps): React.JSX.Element;
+type ThemeSetting = 'auto' | 'light' | 'dark';
+/** Switches the theme on <html data-theme> and remembers it. */
+export declare function setTheme(t: ThemeSetting): void;
+/** Derives every accent token from one color (自訂強調色的換算 in docs/guidelines.md).
+ *  Returns false for anything but #rrggbb. quiet: apply without storing. */
+export declare function setAccent(hex: string, quiet?: boolean): boolean;
+/** Applies the stored theme and accent; call once when the page starts. */
+export declare function initTheme(): void;
+interface ThemePickerProps {
+  /** Controlled value. Without it, the picker reads and sets the stored theme itself. */
+  value?: ThemeSetting;
+  /** Without it, picking applies the theme with setTheme. */
+  onChange?: (theme: ThemeSetting) => void;
+  /** Default 「主題」. */
+  label?: string;
+  className?: string;
+}
+/** Three preview cards (自動、淺色、深色) for the settings page under 外觀. */
+export declare function ThemePicker({ value, onChange, label, className }: ThemePickerProps): React.JSX.Element;
+interface ToastProps {
+  /** What happened, in the past tense: 「已刪除 3 筆」. */
+  children?: React.ReactNode;
+  /** Usually 「復原」. */
+  actionLabel?: string;
+  onAction?: () => void;
+}
+/** A short confirmation at the bottom right. The caller shows it for 3 s. */
+export declare function Toast({ children, actionLabel, onAction }: ToastProps): React.JSX.Element;
+interface TooltipProps {
+  /** Short text, also announced as the trigger's description. Never the only place important information lives. */
+  label: string;
+  /** Preferred side; flips when there is no room. Default 'top'. */
+  side?: 'top' | 'bottom';
+  /** One focusable element that accepts a ref (a button, IconButton, Button, a link). */
+  children: React.ReactElement;
+  /** false: the label only repeats the trigger's own name (an IconButton's aria-label), so it is not added as its description. Default true. */
+  describe?: boolean;
+}
+/** Dark label above the element (below when there is no room), with an arrow. Appears at once on hover and focus. */
+export declare function Tooltip({ label, side, describe, children }: TooltipProps): React.JSX.Element;
+interface TopBarProps {
+  /** The page title, shown once: either here or as the page's own heading. */
+  title?: string;
+  breadcrumb?: BreadcrumbItem[];
+  /** Opens search (CommandPalette). false hides the search entry. */
+  onSearch?: (() => void) | false;
+  /** Default 「搜尋」. */
+  searchLabel?: string;
+  /** Right side: NotificationBell, ProjectSwitcher, the account menu. */
+  children?: React.ReactNode;
+  className?: string;
+}
+/** The bar at the top of a dashboard page: title or breadcrumb on the left, search and tools on the right. */
+export declare function TopBar({ title, breadcrumb, onSearch, searchLabel, children, className }: TopBarProps): React.JSX.Element;
+interface TourStep {
+  /** A data-tour name ('search' matches [data-tour="search"]), a CSS selector (first visible match), a ref or an element.
+   *  Leave it out for a step in the middle of the screen. */
+  target?: string | React.RefObject<Element | null> | Element;
+  /** Names the part: 「搜尋」. */
+  title: string;
+  /** What it does, 1 short sentence; `backticks` are code. */
+  text: string;
+  /** Default 'bottom'; flips when there is no room. */
+  side?: 'bottom' | 'top';
+  /** Space around the highlighted part in px. Default 6. */
+  padding?: number;
+}
+interface TourProps {
+  open: boolean;
+  steps: TourStep[];
+  onClose?: (reason: 'done' | 'skip') => void;
+  /** 「略過」 and Esc end the tour early. Default true. */
+  skippable?: boolean;
+  /** Controlled step index. */
+  step?: number;
+  onStepChange?: (index: number) => void;
+}
+/** Opens the tour once per browser: { open, start, close, seen }. Pass close to Tour's onClose; start() shows it again. */
+export declare function useTour(key: string): {
+  open: boolean;
+  start: () => void;
+  close: () => void;
+  seen: boolean;
+};
+/** The first-use walkthrough: the page goes dark except the part being introduced, with a card beside it. */
+export declare function Tour({ open, steps, onClose, skippable, step: controlled, onStepChange }: TourProps): React.JSX.Element | null;
+type TreeSort = 'newest' | 'oldest' | 'name' | false;
+interface TreeNode {
+  id: string;
+  name: string;
+  /** A folder (files kind) or an expandable item (plain kind). */
+  children?: TreeNode[];
+  /** Overrides the extension taken from the name. */
+  ext?: string;
+  date?: Date | number | string;
+  /** Bytes. */
+  size?: number;
+  /** New to this person: the date turns accent and bold; folders say 「2 個新」. */
+  unseen?: boolean;
+  /** kind="plain": location shown under the name, shortened with format.path. */
+  path?: string;
+  /** kind="plain": text under the name instead of path; its numbers are in Geist Mono. */
+  meta?: string;
+  /** kind="plain": category tags after the name. Tag only what differs from most items. */
+  tags?: React.ReactNode[];
+  /** Expandable before its children are loaded (with loadChildren). */
+  hasChildren?: boolean;
+  /** kind="plain": name in the secondary color. */
+  muted?: boolean;
+  /** kind="plain": icon before the name. */
+  icon?: IconSource;
+}
+interface TreeListProps {
+  items: TreeNode[];
+  /** 'files' (default): folders and files with date and size. 'plain': any other tree, such as a call tree. */
+  kind?: 'files' | 'plain';
+  /** kind="plain": the selected row. */
+  selectedId?: string;
+  onSelect?: (node: TreeNode) => void;
+  /** kind="plain": IconButtons at the row's right end. */
+  rowActions?: (node: TreeNode) => React.ReactNode;
+  /** kind="plain": show 「全部展開」. */
+  toggleAll?: boolean;
+  title?: React.ReactNode;
+  /** Accessible name when there is no title. */
+  label?: string;
+  /** Buttons at the top right. */
+  actions?: React.ReactNode;
+  /** Default 'newest' for files, false (as given) for plain. */
+  sort?: TreeSort;
+  /** 'single' keeps one folder open per level; choose it when folders are many and messy. Default 'multi'. */
+  expand?: 'multi' | 'single';
+  defaultOpen?: string[];
+  /** Second line under the title, e.g. 「17 個檔案」. */
+  subtitle?: React.ReactNode;
+  /** Fixed height (px or a CSS length such as '100%'): the header stays and the list scrolls inside. Needed inside a fixed-height panel. */
+  height?: number | string;
+  /** No card background, shadow or radius, for a tree inside a panel that is not a Card. Inside a Card this happens by itself. */
+  bare?: boolean;
+  /** Controlled open ids; update them in onToggle. */
+  open?: string[];
+  onToggle?: (node: TreeNode, isOpen: boolean, openIds: string[]) => void;
+  /** Controlled mode: 「全部展開／全部收合」 reports every open id here. */
+  onToggleAll?: (isOpen: boolean, openIds: string[]) => void;
+  /** Loads the children of a node with hasChildren the first time it opens. */
+  loadChildren?: (node: TreeNode) => TreeNode[] | Promise<TreeNode[]>;
+  /** Files kind: checkboxes on hover; a folder's checkbox selects every file inside. */
+  selectable?: boolean;
+  selected?: string[];
+  onSelectChange?: (ids: string[]) => void;
+  bulkActions?: (files: TreeNode[], clear: () => void) => React.ReactNode;
+  /** Adds 「下載」 to each file and to the bulk bar. */
+  onDownload?: (files: TreeNode[]) => void;
+  onOpen?: (file: TreeNode) => void;
+  emptyText?: string;
+  className?: string;
+}
+/** Folders and files (or any tree) that expand in place, with guide lines, keyboard navigation and lazy children. It is a card on its own. */
+export declare function TreeList(p: TreeListProps): React.JSX.Element;
+/** Droplet motion of tab and sidebar indicators: lead duration in ms and how much longer the trailing edge takes. */
+export declare const MOTION: {
+  readonly dur: 200;
+  readonly stretch: 2.2;
+};
+export { type AccentPickerProps, type ActionBarAction, type ActionBarProps, type AlertProps, type AlertTone, type AppShellProps, type BadgeProps, type BadgeStatus, type BarChartProps, type BarDatum, type BreadcrumbItem, type BreadcrumbProps, type ButtonProps, type CalendarProps, type CardProps, type CheckboxProps, type CodeLanguage, type CodeTextProps, type CodeViewProps, type CommandPaletteProps, type CustomIcon, type DangerConfirm, type DangerZoneProps, type DataTableColumn, type DataTableFilter, type DataTableProps, type DataTableView, type DatePickerProps, type DateRange, type DateRangePickerProps, type DayState, type Decimals, type DetailListItem, type DetailListProps, type DialogProps, type DrawerProps, type EmptyStateProps, type ErrorPageProps, type FileUploadProps, type FilterOption, type FilterValue, type FormGridProps, type GraphLegendItem, type GraphLegendProps, type GridProps, type IconButtonProps, type IconName, type IconProps, type IconSource, type InlineCodeProps, type KpiCardProps, type LayerGraphEdge, type LayerGraphNode, type LayerGraphProps, type LineChartProps, type LineSeries, type LoadingBarProps, type LoginCardProps, type MenuItem, type MenuProps, type MobileTab, type MobileTabBarProps, type MultiSelectOption, type MultiSelectProps, type NavItem, type NavSection, type NotificationBellProps, type NotificationItem, type OnRef, type PageProps, type PaletteItem, type PopoverProps, type ProgressBarProps, type ProgressRingProps, type ProjectOption, type ProjectStatus, type ProjectSwitcherProps, type RadioGroupProps, type RadioOption, type RangeValue, type RefHref, type Row, type RowKey, type SearchFieldProps, type SelectOption, type SelectProps, type SettingsCategory, type SettingsLayoutProps, type SettingsSectionProps, type SideNavProps, type SkeletonProps, type SuggestionProps, type SwitchProps, type TabItem, type TabsProps, type TagProps, type TermProps, type TextAreaProps, type TextFieldProps, type ThemePickerProps, type ThemeSetting, type ToastProps, type Token, type TokenClass, type Tokenizer, type TooltipProps, type TopBarProps, type Total, type TourProps, type TourStep, type TreeListProps, type TreeNode, type UploadFile, addMessages, format, setLocale, tr as t };