@aloudata/aloudata-design 3.0.17 → 3.0.18-beta.0

package/dist/Empty/image/WorkBook.js

@@ -14,13 +14,13 @@ var WorkBook = () => {
 				cx: "80",
 				cy: "80",
 				r: "52",
-				fill: "#EAECF0"
+				fill: "var(--background-neutral-on-subtle)"
 			}),
 			/* @__PURE__ */ jsx("path", {
 				fillRule: "evenodd",
 				clipRule: "evenodd",
 				d: "M138 40C140.209 40 142 38.2091 142 36C142 33.7909 140.209 32 138 32C135.791 32 134 33.7909 134 36C134 38.2091 135.791 40 138 40ZM25 52C27.7614 52 30 49.7614 30 47C30 44.2386 27.7614 42 25 42C22.2386 42 20 44.2386 20 47C20 49.7614 22.2386 52 25 52ZM156 63C156 66.866 152.866 70 149 70C145.134 70 142 66.866 142 63C142 59.134 145.134 56 149 56C152.866 56 156 59.134 156 63ZM22 138C25.866 138 29 134.866 29 131C29 127.134 25.866 124 22 124C18.134 124 15 127.134 15 131C15 134.866 18.134 138 22 138Z",
-				fill: "#F5F6F7"
+				fill: "var(--background-neutral-subtle)"
 			}),
 			/* @__PURE__ */ jsxs("g", {
 				filter: "url(#filter0_dd_5810_46650)",
@@ -52,23 +52,23 @@ var WorkBook = () => {
 						fillRule: "evenodd",
 						clipRule: "evenodd",
 						d: "M62 70H60V94H54V96H60V100H62V96H118V94H62V70Z",
-						fill: "#D0D5DD"
+						fill: "var(--border-neutral-subtle)"
 					}),
 					/* @__PURE__ */ jsx("path", {
 						fillRule: "evenodd",
 						clipRule: "evenodd",
 						d: "M107.435 74.6345L113.895 87.5528L112.106 88.4472L106.565 77.3655L91.943 85.1638L88.9283 83.154L77.2362 89H73.551L65.2527 79.6644L66.7475 78.3356L74.4492 87H76.764L89.0719 80.8461L92.0572 82.8362L107.435 74.6345Z",
-						fill: "#EAECF0"
+						fill: "var(--background-neutral-on-subtle)"
 					}),
 					/* @__PURE__ */ jsx("path", {
 						fillRule: "evenodd",
 						clipRule: "evenodd",
 						d: "M89.1436 70.5786L93.5816 76.1261L107 79.9599L113.725 78.0384L114.275 79.9615L107 82.04L92.4185 77.8738L88.8565 73.4213L76.8316 83.442L73.7893 79.3857L65.5855 85.3106L64.4146 83.6893L74.2108 76.6142L77.1685 80.5579L89.1436 70.5786Z",
-						fill: "#D0D5DD"
+						fill: "var(--border-neutral-subtle)"
 					}),
 					/* @__PURE__ */ jsx("path", {
 						d: "M78 60H54V66H78V60Z",
-						fill: "#EAECF0"
+						fill: "var(--background-neutral-on-subtle)"
 					})
 				]
 			}),
@@ -81,26 +81,26 @@ var WorkBook = () => {
 						width: "48",
 						height: "48",
 						rx: "24",
-						fill: "#1D2939",
+						fill: "var(--content-primary)",
 						fillOpacity: "0.4"
 					}),
 					/* @__PURE__ */ jsx("path", {
 						d: "M81.1667 105.5C81.1667 104.856 80.6443 104.333 80 104.333C79.3557 104.333 78.8333 104.856 78.8333 105.5V109C78.8333 109.644 79.3557 110.167 80 110.167C80.6443 110.167 81.1667 109.644 81.1667 109V105.5Z",
-						fill: "#FCFCFD"
+						fill: "var(--background-default)"
 					}),
 					/* @__PURE__ */ jsx("path", {
 						d: "M73.2416 108.758C72.786 108.303 72.0473 108.303 71.5917 108.758C71.1361 109.214 71.1361 109.953 71.5917 110.408L73.925 112.742C74.3807 113.197 75.1193 113.197 75.575 112.742C76.0306 112.286 76.0306 111.547 75.575 111.092L73.2416 108.758Z",
-						fill: "#FCFCFD"
+						fill: "var(--background-default)"
 					}),
 					/* @__PURE__ */ jsx("path", {
 						d: "M88.4083 110.408C88.8639 109.953 88.8639 109.214 88.4083 108.758C87.9527 108.303 87.214 108.303 86.7584 108.758L84.425 111.092C83.9694 111.547 83.9694 112.286 84.425 112.742C84.8807 113.197 85.6193 113.197 86.075 112.742L88.4083 110.408Z",
-						fill: "#FCFCFD"
+						fill: "var(--background-default)"
 					}),
 					/* @__PURE__ */ jsx("path", {
 						fillRule: "evenodd",
 						clipRule: "evenodd",
 						d: "M70.6667 117.167C70.0223 117.167 69.5 117.689 69.5 118.333V125.333C69.5 126.622 70.5447 127.667 71.8333 127.667H88.1667C89.4553 127.667 90.5 126.622 90.5 125.333V118.333C90.5 117.689 89.9777 117.167 89.3333 117.167H84.0423C83.6259 117.167 83.241 117.389 83.0325 117.749C82.4255 118.798 81.294 119.5 80 119.5C78.706 119.5 77.5745 118.798 76.9675 117.749C76.759 117.389 76.3741 117.167 75.9576 117.167H70.6667ZM71.8333 125.333V119.5H75.3331C76.396 120.915 78.0903 121.833 80 121.833C81.9097 121.833 83.604 120.915 84.6669 119.5H88.1667V125.333H71.8333Z",
-						fill: "#FCFCFD"
+						fill: "var(--background-default)"
 					})
 				]
 			})
@@ -209,9 +209,9 @@ var WorkBook = () => {
 				x2: "126.195",
 				y2: "69.0126",
 				gradientUnits: "userSpaceOnUse",
-				children: [/* @__PURE__ */ jsx("stop", { stopColor: "#EAECF0" }), /* @__PURE__ */ jsx("stop", {
+				children: [/* @__PURE__ */ jsx("stop", { stopColor: "var(--background-neutral-on-subtle)" }), /* @__PURE__ */ jsx("stop", {
 					offset: "0.638314",
-					stopColor: "#F2F4F7"
+					stopColor: "var(--background-neutral-surface)"
 				})]
 			}),
 			/* @__PURE__ */ jsxs("linearGradient", {
@@ -221,9 +221,9 @@ var WorkBook = () => {
 				x2: "49.1231",
 				y2: "-19.4149",
 				gradientUnits: "userSpaceOnUse",
-				children: [/* @__PURE__ */ jsx("stop", { stopColor: "#D0D5DD" }), /* @__PURE__ */ jsx("stop", {
+				children: [/* @__PURE__ */ jsx("stop", { stopColor: "var(--border-neutral-subtle)" }), /* @__PURE__ */ jsx("stop", {
 					offset: "1",
-					stopColor: "#F2F4F7"
+					stopColor: "var(--background-neutral-surface)"
 				})]
 			}),
 			/* @__PURE__ */ jsxs("linearGradient", {
@@ -233,9 +233,9 @@ var WorkBook = () => {
 				x2: "98.0359",
 				y2: "40.0851",
 				gradientUnits: "userSpaceOnUse",
-				children: [/* @__PURE__ */ jsx("stop", { stopColor: "#EAECF0" }), /* @__PURE__ */ jsx("stop", {
+				children: [/* @__PURE__ */ jsx("stop", { stopColor: "var(--background-neutral-on-subtle)" }), /* @__PURE__ */ jsx("stop", {
 					offset: "1",
-					stopColor: "white"
+					stopColor: "var(--background-default)"
 				})]
 			})
 		] })]

package/dist/Empty/image/WorkBook.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkBook.js","names":[],"sources":["../../../src/Empty/image/WorkBook.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst WorkBook = () => {\n  return (\n    <svg\n      className=\"ald-empty-image\"\n      width=\"160\"\n      height=\"160\"\n      viewBox=\"0 0 160 160\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g>\n        <circle cx=\"80\" cy=\"80\" r=\"52\" fill=\"#EAECF0\" />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M138 40C140.209 40 142 38.2091 142 36C142 33.7909 140.209 32 138 32C135.791 32 134 33.7909 134 36C134 38.2091 135.791 40 138 40ZM25 52C27.7614 52 30 49.7614 30 47C30 44.2386 27.7614 42 25 42C22.2386 42 20 44.2386 20 47C20 49.7614 22.2386 52 25 52ZM156 63C156 66.866 152.866 70 149 70C145.134 70 142 66.866 142 63C142 59.134 145.134 56 149 56C152.866 56 156 59.134 156 63ZM22 138C25.866 138 29 134.866 29 131C29 127.134 25.866 124 22 124C18.134 124 15 127.134 15 131C15 134.866 18.134 138 22 138Z\"\n          fill=\"#F5F6F7\"\n        />\n        <g filter=\"url(#filter0_dd_5810_46650)\">\n          <rect\n            x=\"38\"\n            y=\"32\"\n            width=\"72\"\n            height=\"48\"\n            rx=\"2\"\n            fill=\"url(#paint0_linear_5810_46650)\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M50 36H42V44H50V36ZM106 36H52V44H106V36ZM42 46H50V76H42V46ZM68 46H52V54H68V46ZM87 46H70V54H87V46ZM68 56H52V64H68V56ZM87 56H70V64H87V56ZM89 46H106V54H89V46ZM106 56H89V64H106V56ZM68 66H52V74H68V66ZM87 66H70V74H87V66ZM89 66H106V74H89V66Z\"\n            fill=\"url(#paint1_linear_5810_46650)\"\n          />\n          <rect\n            x=\"50\"\n            y=\"56\"\n            width=\"72\"\n            height=\"48\"\n            rx=\"2\"\n            fill=\"url(#paint2_linear_5810_46650)\"\n          />\n          <path\n            opacity=\"0.4\"\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M62 70H60V94H54V96H60V100H62V96H118V94H62V70Z\"\n            fill=\"#D0D5DD\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M107.435 74.6345L113.895 87.5528L112.106 88.4472L106.565 77.3655L91.943 85.1638L88.9283 83.154L77.2362 89H73.551L65.2527 79.6644L66.7475 78.3356L74.4492 87H76.764L89.0719 80.8461L92.0572 82.8362L107.435 74.6345Z\"\n            fill=\"#EAECF0\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M89.1436 70.5786L93.5816 76.1261L107 79.9599L113.725 78.0384L114.275 79.9615L107 82.04L92.4185 77.8738L88.8565 73.4213L76.8316 83.442L73.7893 79.3857L65.5855 85.3106L64.4146 83.6893L74.2108 76.6142L77.1685 80.5579L89.1436 70.5786Z\"\n            fill=\"#D0D5DD\"\n          />\n          <path d=\"M78 60H54V66H78V60Z\" fill=\"#EAECF0\" />\n        </g>\n        <g filter=\"url(#filter1_b_5810_46650)\">\n          <rect\n            x=\"56\"\n            y=\"92\"\n            width=\"48\"\n            height=\"48\"\n            rx=\"24\"\n            fill=\"#1D2939\"\n            fillOpacity=\"0.4\"\n          />\n          <path\n            d=\"M81.1667 105.5C81.1667 104.856 80.6443 104.333 80 104.333C79.3557 104.333 78.8333 104.856 78.8333 105.5V109C78.8333 109.644 79.3557 110.167 80 110.167C80.6443 110.167 81.1667 109.644 81.1667 109V105.5Z\"\n            fill=\"#FCFCFD\"\n          />\n          <path\n            d=\"M73.2416 108.758C72.786 108.303 72.0473 108.303 71.5917 108.758C71.1361 109.214 71.1361 109.953 71.5917 110.408L73.925 112.742C74.3807 113.197 75.1193 113.197 75.575 112.742C76.0306 112.286 76.0306 111.547 75.575 111.092L73.2416 108.758Z\"\n            fill=\"#FCFCFD\"\n          />\n          <path\n            d=\"M88.4083 110.408C88.8639 109.953 88.8639 109.214 88.4083 108.758C87.9527 108.303 87.214 108.303 86.7584 108.758L84.425 111.092C83.9694 111.547 83.9694 112.286 84.425 112.742C84.8807 113.197 85.6193 113.197 86.075 112.742L88.4083 110.408Z\"\n            fill=\"#FCFCFD\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M70.6667 117.167C70.0223 117.167 69.5 117.689 69.5 118.333V125.333C69.5 126.622 70.5447 127.667 71.8333 127.667H88.1667C89.4553 127.667 90.5 126.622 90.5 125.333V118.333C90.5 117.689 89.9777 117.167 89.3333 117.167H84.0423C83.6259 117.167 83.241 117.389 83.0325 117.749C82.4255 118.798 81.294 119.5 80 119.5C78.706 119.5 77.5745 118.798 76.9675 117.749C76.759 117.389 76.3741 117.167 75.9576 117.167H70.6667ZM71.8333 125.333V119.5H75.3331C76.396 120.915 78.0903 121.833 80 121.833C81.9097 121.833 83.604 120.915 84.6669 119.5H88.1667V125.333H71.8333Z\"\n            fill=\"#FCFCFD\"\n          />\n        </g>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_dd_5810_46650\"\n          x=\"26\"\n          y=\"32\"\n          width=\"108\"\n          height=\"96\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"2\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect1_dropShadow_5810_46650\"\n          />\n          <feOffset dy=\"4\" />\n          <feGaussianBlur stdDeviation=\"3\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_5810_46650\"\n          />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"4\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect2_dropShadow_5810_46650\"\n          />\n          <feOffset dy=\"12\" />\n          <feGaussianBlur stdDeviation=\"8\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"effect1_dropShadow_5810_46650\"\n            result=\"effect2_dropShadow_5810_46650\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect2_dropShadow_5810_46650\"\n            result=\"shape\"\n          />\n        </filter>\n        <filter\n          id=\"filter1_b_5810_46650\"\n          x=\"51\"\n          y=\"87\"\n          width=\"58\"\n          height=\"58\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"2.5\" />\n          <feComposite\n            in2=\"SourceAlpha\"\n            operator=\"in\"\n            result=\"effect1_backgroundBlur_5810_46650\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_backgroundBlur_5810_46650\"\n            result=\"shape\"\n          />\n        </filter>\n        <linearGradient\n          id=\"paint0_linear_5810_46650\"\n          x1=\"17.5\"\n          y1=\"91\"\n          x2=\"126.195\"\n          y2=\"69.0126\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#EAECF0\" />\n          <stop offset=\"0.638314\" stopColor=\"#F2F4F7\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_5810_46650\"\n          x1=\"-15\"\n          y1=\"36\"\n          x2=\"49.1231\"\n          y2=\"-19.4149\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#D0D5DD\" />\n          <stop offset=\"1\" stopColor=\"#F2F4F7\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_5810_46650\"\n          x1=\"41.5\"\n          y1=\"105.5\"\n          x2=\"98.0359\"\n          y2=\"40.0851\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#EAECF0\" />\n          <stop offset=\"1\" stopColor=\"white\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n};\n\nexport default WorkBook;\n"],"mappings":";;;AAEA,IAAM,iBAAiB;AACrB,QACE,qBAAC,OAAD;EACE,WAAU;EACV,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,OAAM;YANR,CAQE,qBAAC,KAAD,EAAA,UAAA;GACE,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAK,MAAK;IAAY,CAAA;GAChD,oBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IACF,MAAK;IACL,CAAA;GACF,qBAAC,KAAD;IAAG,QAAO;cAAV;KACE,oBAAC,QAAD;MACE,GAAE;MACF,GAAE;MACF,OAAM;MACN,QAAO;MACP,IAAG;MACH,MAAK;MACL,CAAA;KACF,oBAAC,QAAD;MACE,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAK;MACL,CAAA;KACF,oBAAC,QAAD;MACE,GAAE;MACF,GAAE;MACF,OAAM;MACN,QAAO;MACP,IAAG;MACH,MAAK;MACL,CAAA;KACF,oBAAC,QAAD;MACE,SAAQ;MACR,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAK;MACL,CAAA;KACF,oBAAC,QAAD;MACE,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAK;MACL,CAAA;KACF,oBAAC,QAAD;MACE,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAK;MACL,CAAA;KACF,oBAAC,QAAD;MAAM,GAAE;MAAsB,MAAK;MAAY,CAAA;KAC7C;;GACJ,qBAAC,KAAD;IAAG,QAAO;cAAV;KACE,oBAAC,QAAD;MACE,GAAE;MACF,GAAE;MACF,OAAM;MACN,QAAO;MACP,IAAG;MACH,MAAK;MACL,aAAY;MACZ,CAAA;KACF,oBAAC,QAAD;MACE,GAAE;MACF,MAAK;MACL,CAAA;KACF,oBAAC,QAAD;MACE,GAAE;MACF,MAAK;MACL,CAAA;KACF,oBAAC,QAAD;MACE,GAAE;MACF,MAAK;MACL,CAAA;KACF,oBAAC,QAAD;MACE,UAAS;MACT,UAAS;MACT,GAAE;MACF,MAAK;MACL,CAAA;KACA;;GACF,EAAA,CAAA,EACJ,qBAAC,QAAD,EAAA,UAAA;GACE,qBAAC,UAAD;IACE,IAAG;IACH,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;IACP,aAAY;IACZ,2BAA0B;cAP5B;KASE,oBAAC,WAAD;MAAS,cAAa;MAAI,QAAO;MAAuB,CAAA;KACxD,oBAAC,iBAAD;MACE,IAAG;MACH,MAAK;MACL,QAAO;MACP,QAAO;MACP,CAAA;KACF,oBAAC,gBAAD;MACE,QAAO;MACP,UAAS;MACT,IAAG;MACH,QAAO;MACP,CAAA;KACF,oBAAC,YAAD,EAAU,IAAG,KAAM,CAAA;KACnB,oBAAC,kBAAD,EAAgB,cAAa,KAAM,CAAA;KACnC,oBAAC,iBAAD;MACE,MAAK;MACL,QAAO;MACP,CAAA;KACF,oBAAC,WAAD;MACE,MAAK;MACL,KAAI;MACJ,QAAO;MACP,CAAA;KACF,oBAAC,iBAAD;MACE,IAAG;MACH,MAAK;MACL,QAAO;MACP,QAAO;MACP,CAAA;KACF,oBAAC,gBAAD;MACE,QAAO;MACP,UAAS;MACT,IAAG;MACH,QAAO;MACP,CAAA;KACF,oBAAC,YAAD,EAAU,IAAG,MAAO,CAAA;KACpB,oBAAC,kBAAD,EAAgB,cAAa,KAAM,CAAA;KACnC,oBAAC,iBAAD;MACE,MAAK;MACL,QAAO;MACP,CAAA;KACF,oBAAC,WAAD;MACE,MAAK;MACL,KAAI;MACJ,QAAO;MACP,CAAA;KACF,oBAAC,WAAD;MACE,MAAK;MACL,IAAG;MACH,KAAI;MACJ,QAAO;MACP,CAAA;KACK;;GACT,qBAAC,UAAD;IACE,IAAG;IACH,GAAE;IACF,GAAE;IACF,OAAM;IACN,QAAO;IACP,aAAY;IACZ,2BAA0B;cAP5B;KASE,oBAAC,WAAD;MAAS,cAAa;MAAI,QAAO;MAAuB,CAAA;KACxD,oBAAC,kBAAD;MAAgB,IAAG;MAAqB,cAAa;MAAQ,CAAA;KAC7D,oBAAC,eAAD;MACE,KAAI;MACJ,UAAS;MACT,QAAO;MACP,CAAA;KACF,oBAAC,WAAD;MACE,MAAK;MACL,IAAG;MACH,KAAI;MACJ,QAAO;MACP,CAAA;KACK;;GACT,qBAAC,kBAAD;IACE,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;IACH,eAAc;cANhB,CAQE,oBAAC,QAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,oBAAC,QAAD;KAAM,QAAO;KAAW,WAAU;KAAY,CAAA,CAC/B;;GACjB,qBAAC,kBAAD;IACE,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;IACH,eAAc;cANhB,CAQE,oBAAC,QAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,oBAAC,QAAD;KAAM,QAAO;KAAI,WAAU;KAAY,CAAA,CACxB;;GACjB,qBAAC,kBAAD;IACE,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;IACH,eAAc;cANhB,CAQE,oBAAC,QAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,oBAAC,QAAD;KAAM,QAAO;KAAI,WAAU;KAAU,CAAA,CACtB;;GACZ,EAAA,CAAA,CACH"}
+{"version":3,"file":"WorkBook.js","names":[],"sources":["../../../src/Empty/image/WorkBook.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst WorkBook = () => {\n  return (\n    <svg\n      className=\"ald-empty-image\"\n      width=\"160\"\n      height=\"160\"\n      viewBox=\"0 0 160 160\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g>\n        <circle\n          cx=\"80\"\n          cy=\"80\"\n          r=\"52\"\n          fill=\"var(--background-neutral-on-subtle)\"\n        />\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M138 40C140.209 40 142 38.2091 142 36C142 33.7909 140.209 32 138 32C135.791 32 134 33.7909 134 36C134 38.2091 135.791 40 138 40ZM25 52C27.7614 52 30 49.7614 30 47C30 44.2386 27.7614 42 25 42C22.2386 42 20 44.2386 20 47C20 49.7614 22.2386 52 25 52ZM156 63C156 66.866 152.866 70 149 70C145.134 70 142 66.866 142 63C142 59.134 145.134 56 149 56C152.866 56 156 59.134 156 63ZM22 138C25.866 138 29 134.866 29 131C29 127.134 25.866 124 22 124C18.134 124 15 127.134 15 131C15 134.866 18.134 138 22 138Z\"\n          fill=\"var(--background-neutral-subtle)\"\n        />\n        <g filter=\"url(#filter0_dd_5810_46650)\">\n          <rect\n            x=\"38\"\n            y=\"32\"\n            width=\"72\"\n            height=\"48\"\n            rx=\"2\"\n            fill=\"url(#paint0_linear_5810_46650)\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M50 36H42V44H50V36ZM106 36H52V44H106V36ZM42 46H50V76H42V46ZM68 46H52V54H68V46ZM87 46H70V54H87V46ZM68 56H52V64H68V56ZM87 56H70V64H87V56ZM89 46H106V54H89V46ZM106 56H89V64H106V56ZM68 66H52V74H68V66ZM87 66H70V74H87V66ZM89 66H106V74H89V66Z\"\n            fill=\"url(#paint1_linear_5810_46650)\"\n          />\n          <rect\n            x=\"50\"\n            y=\"56\"\n            width=\"72\"\n            height=\"48\"\n            rx=\"2\"\n            fill=\"url(#paint2_linear_5810_46650)\"\n          />\n          <path\n            opacity=\"0.4\"\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M62 70H60V94H54V96H60V100H62V96H118V94H62V70Z\"\n            fill=\"var(--border-neutral-subtle)\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M107.435 74.6345L113.895 87.5528L112.106 88.4472L106.565 77.3655L91.943 85.1638L88.9283 83.154L77.2362 89H73.551L65.2527 79.6644L66.7475 78.3356L74.4492 87H76.764L89.0719 80.8461L92.0572 82.8362L107.435 74.6345Z\"\n            fill=\"var(--background-neutral-on-subtle)\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M89.1436 70.5786L93.5816 76.1261L107 79.9599L113.725 78.0384L114.275 79.9615L107 82.04L92.4185 77.8738L88.8565 73.4213L76.8316 83.442L73.7893 79.3857L65.5855 85.3106L64.4146 83.6893L74.2108 76.6142L77.1685 80.5579L89.1436 70.5786Z\"\n            fill=\"var(--border-neutral-subtle)\"\n          />\n          <path\n            d=\"M78 60H54V66H78V60Z\"\n            fill=\"var(--background-neutral-on-subtle)\"\n          />\n        </g>\n        <g filter=\"url(#filter1_b_5810_46650)\">\n          <rect\n            x=\"56\"\n            y=\"92\"\n            width=\"48\"\n            height=\"48\"\n            rx=\"24\"\n            fill=\"var(--content-primary)\"\n            fillOpacity=\"0.4\"\n          />\n          <path\n            d=\"M81.1667 105.5C81.1667 104.856 80.6443 104.333 80 104.333C79.3557 104.333 78.8333 104.856 78.8333 105.5V109C78.8333 109.644 79.3557 110.167 80 110.167C80.6443 110.167 81.1667 109.644 81.1667 109V105.5Z\"\n            fill=\"var(--background-default)\"\n          />\n          <path\n            d=\"M73.2416 108.758C72.786 108.303 72.0473 108.303 71.5917 108.758C71.1361 109.214 71.1361 109.953 71.5917 110.408L73.925 112.742C74.3807 113.197 75.1193 113.197 75.575 112.742C76.0306 112.286 76.0306 111.547 75.575 111.092L73.2416 108.758Z\"\n            fill=\"var(--background-default)\"\n          />\n          <path\n            d=\"M88.4083 110.408C88.8639 109.953 88.8639 109.214 88.4083 108.758C87.9527 108.303 87.214 108.303 86.7584 108.758L84.425 111.092C83.9694 111.547 83.9694 112.286 84.425 112.742C84.8807 113.197 85.6193 113.197 86.075 112.742L88.4083 110.408Z\"\n            fill=\"var(--background-default)\"\n          />\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M70.6667 117.167C70.0223 117.167 69.5 117.689 69.5 118.333V125.333C69.5 126.622 70.5447 127.667 71.8333 127.667H88.1667C89.4553 127.667 90.5 126.622 90.5 125.333V118.333C90.5 117.689 89.9777 117.167 89.3333 117.167H84.0423C83.6259 117.167 83.241 117.389 83.0325 117.749C82.4255 118.798 81.294 119.5 80 119.5C78.706 119.5 77.5745 118.798 76.9675 117.749C76.759 117.389 76.3741 117.167 75.9576 117.167H70.6667ZM71.8333 125.333V119.5H75.3331C76.396 120.915 78.0903 121.833 80 121.833C81.9097 121.833 83.604 120.915 84.6669 119.5H88.1667V125.333H71.8333Z\"\n            fill=\"var(--background-default)\"\n          />\n        </g>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_dd_5810_46650\"\n          x=\"26\"\n          y=\"32\"\n          width=\"108\"\n          height=\"96\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"2\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect1_dropShadow_5810_46650\"\n          />\n          <feOffset dy=\"4\" />\n          <feGaussianBlur stdDeviation=\"3\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_5810_46650\"\n          />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feMorphology\n            radius=\"4\"\n            operator=\"erode\"\n            in=\"SourceAlpha\"\n            result=\"effect2_dropShadow_5810_46650\"\n          />\n          <feOffset dy=\"12\" />\n          <feGaussianBlur stdDeviation=\"8\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"effect1_dropShadow_5810_46650\"\n            result=\"effect2_dropShadow_5810_46650\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect2_dropShadow_5810_46650\"\n            result=\"shape\"\n          />\n        </filter>\n        <filter\n          id=\"filter1_b_5810_46650\"\n          x=\"51\"\n          y=\"87\"\n          width=\"58\"\n          height=\"58\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feGaussianBlur in=\"BackgroundImageFix\" stdDeviation=\"2.5\" />\n          <feComposite\n            in2=\"SourceAlpha\"\n            operator=\"in\"\n            result=\"effect1_backgroundBlur_5810_46650\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_backgroundBlur_5810_46650\"\n            result=\"shape\"\n          />\n        </filter>\n        <linearGradient\n          id=\"paint0_linear_5810_46650\"\n          x1=\"17.5\"\n          y1=\"91\"\n          x2=\"126.195\"\n          y2=\"69.0126\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--background-neutral-on-subtle)\" />\n          <stop\n            offset=\"0.638314\"\n            stopColor=\"var(--background-neutral-surface)\"\n          />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_5810_46650\"\n          x1=\"-15\"\n          y1=\"36\"\n          x2=\"49.1231\"\n          y2=\"-19.4149\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--border-neutral-subtle)\" />\n          <stop offset=\"1\" stopColor=\"var(--background-neutral-surface)\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_5810_46650\"\n          x1=\"41.5\"\n          y1=\"105.5\"\n          x2=\"98.0359\"\n          y2=\"40.0851\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"var(--background-neutral-on-subtle)\" />\n          <stop offset=\"1\" stopColor=\"var(--background-default)\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  );\n};\n\nexport default WorkBook;\n"],"mappings":"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"}

package/dist/Form/index.js

@@ -64,7 +64,7 @@ var AldForm = forwardRef((props, ref) => {
 				size,
 				children: /* @__PURE__ */ jsx(RcForm, {
 					style: customStyle,
-					className: cn("ald-form ant-form", `ald-form-${layout}`, `ant-form-${layout}`, className),
+					className: cn("ald-form ant-form", `ald-form-${layout}`, `ant-form-${layout}`, layout !== "inline" && "tw-w-full", className),
 					...restProps,
 					ref,
 					children
@@ -126,7 +126,7 @@ function FormItemLayout({ label, children, meta, help, extra, required, rules, h
 		className: cn("ald-form-item-label ant-form-item-label", layout === "vertical" && "tw-mb-1 tw-block", layout === "horizontal" && "tw-mr-3 tw-shrink-0"),
 		style: useGridLayout ? colStyle(resolvedLabelCol) : void 0,
 		children: /* @__PURE__ */ jsxs("label", {
-			className: cn("tw-text-sm tw-font-medium tw-text-[var(--alias-colors-text-subtle,var(--content-secondary))]", !showColon && "ant-form-item-no-colon"),
+			className: cn("tw-text-sm tw-font-medium tw-text-[var(--content-secondary)]", !showColon && "ant-form-item-no-colon"),
 			children: [
 				showRequired && /* @__PURE__ */ jsx("span", {
 					className: "tw-mr-1 tw-text-[var(--content-negative-primary)]",
@@ -156,7 +156,7 @@ function FormItemLayout({ label, children, meta, help, extra, required, rules, h
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: cn("ald-form-item-explain ant-form-item-explain tw-text-xs tw-transition-all tw-duration-200", displayMessages.length > 0 && "tw-mt-1", hasError && "tw-text-[var(--content-negative-secondary)]", hasWarning && !hasError && "tw-text-[color:var(--content-warning-primary,#faad14)]", !hasError && !hasWarning && help !== null && help !== void 0 && "tw-text-[var(--content-secondary)]"),
+				className: cn("ald-form-item-explain ant-form-item-explain tw-text-xs tw-transition-all tw-duration-200", displayMessages.length > 0 && "tw-mt-1", hasError && "tw-text-[var(--content-negative-secondary)]", hasWarning && !hasError && "tw-text-[var(--content-warning-primary)]", !hasError && !hasWarning && help !== null && help !== void 0 && "tw-text-[var(--content-secondary)]"),
 				style: displayMessages.length === 0 ? { display: "none" } : void 0,
 				children: displayMessages.map((msg, i) => /* @__PURE__ */ jsx("div", { children: msg }, i))
 			}),

package/dist/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Form/index.tsx"],"sourcesContent":["import RcForm, {\n  Field,\n  FormInstance as RcFormInstance,\n  FormProvider,\n  List,\n  useForm as rcUseForm,\n  useWatch,\n} from 'rc-field-form';\nimport type { FormProps as RcFormProps } from 'rc-field-form';\nimport FieldContext from 'rc-field-form/es/FieldContext';\nimport type { Rule, RuleObject, RuleRender } from 'rc-field-form/es/interface';\nimport type { Meta, NamePath } from 'rc-field-form/es/interface';\nimport React, { forwardRef, useContext, useMemo } from 'react';\nimport SizeContext, {\n  SizeContextProvider,\n} from '../ConfigProvider/sizeContext';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport { cn } from '../lib/utils';\nimport {\n  FormContext,\n  FormItemInputContext,\n  type ValidateStatus,\n} from './FormItemContext';\n\n/**\n * Loose NamePath: accepts string, number, or array of them.\n * antd v4 uses loose paths; rc-field-form v2 uses strict DeepNamePath.\n * We override to keep backward compatibility.\n */\ntype LooseNamePath = string | number | (string | number)[];\n\ntype ColConfig = {\n  flex?: string | number;\n  span?: number;\n  offset?: number;\n  style?: React.CSSProperties;\n  [key: string]: any;\n};\n\n/**\n * FormInstance — extends rc-field-form FormInstance with loose-typed overloads\n * to maintain antd v4 backward compatibility. Uses intersection so that both\n * strict DeepNamePath and loose LooseNamePath signatures are accepted.\n */\nexport type FormInstance<Values = any> = RcFormInstance<Values> & {\n  getFieldValue(name: LooseNamePath): any;\n  setFieldValue(name: LooseNamePath, value: any): void;\n  setFieldsValue(values: Record<string, any>): void;\n  getFieldsValue(): Values;\n  getFieldsValue(\n    nameList: LooseNamePath[] | true,\n    filterFunc?: (meta: Meta) => boolean,\n  ): any;\n  getFieldError(name: LooseNamePath): string[];\n  getFieldsError(\n    nameList?: LooseNamePath[],\n  ): { name: (string | number)[]; errors: string[] }[];\n  getFieldWarning(name: LooseNamePath): string[];\n  isFieldTouched(name: LooseNamePath): boolean;\n  isFieldsTouched(\n    nameList?: LooseNamePath[],\n    allFieldsTouched?: boolean,\n  ): boolean;\n  isFieldValidating(name: LooseNamePath): boolean;\n  isFieldsValidating(nameList?: LooseNamePath[]): boolean;\n  setFields(fields: FieldData[]): void;\n  resetFields(fields?: LooseNamePath[]): void;\n  validateFields(nameList?: LooseNamePath[]): Promise<Values>;\n  /** Scroll to field position (antd-compatible extension) */\n  scrollToField?(name: LooseNamePath, options?: ScrollIntoViewOptions): void;\n};\n\n// FormProps compatible with antd\nexport interface FormProps<Values = any> extends Omit<RcFormProps, 'form'> {\n  form?: FormInstance<Values>;\n  layout?: 'horizontal' | 'vertical' | 'inline';\n  size?: 'small' | 'middle' | 'large';\n  colon?: boolean;\n  disabled?: boolean;\n  labelCol?: ColConfig;\n  wrapperCol?: ColConfig;\n  className?: string;\n  style?: React.CSSProperties;\n  requiredMark?: boolean | 'optional';\n  labelWidth?: number;\n  labelAlign?: 'left' | 'right';\n}\n\n// FormItemProps\nexport interface FormItemProps {\n  name?: NamePath;\n  label?: React.ReactNode;\n  rules?: Rule[];\n  children?: React.ReactNode | ((form: RcFormInstance) => React.ReactNode);\n  className?: string;\n  style?: React.CSSProperties;\n  required?: boolean;\n  hidden?: boolean;\n  initialValue?: any;\n  dependencies?: NamePath[];\n  shouldUpdate?: boolean | ((prevValues: any, curValues: any) => boolean);\n  help?: React.ReactNode;\n  extra?: React.ReactNode;\n  validateTrigger?: string | string[];\n  valuePropName?: string;\n  getValueFromEvent?: (...args: any[]) => any;\n  noStyle?: boolean;\n  labelWidth?: number;\n  tooltip?:\n    | React.ReactNode\n    | { title?: React.ReactNode; icon?: React.ReactNode };\n  labelCol?: ColConfig;\n  wrapperCol?: ColConfig;\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  trigger?: string;\n  normalize?: (value: any, prevValue: any, allValues: any) => any;\n  getValueProps?: (value: any) => Record<string, any>;\n}\n\n/** antd v4 compat: FormLabelAlign */\nexport type FormLabelAlign = 'left' | 'right';\n\n/** antd v4 compat: FieldData */\nexport type FieldData = {\n  name: NamePath;\n  value?: any;\n  touched?: boolean;\n  validating?: boolean;\n  errors?: string[];\n};\n\nexport interface ErrorListProps {\n  errors?: React.ReactNode[];\n  help?: React.ReactNode;\n  className?: string;\n}\n\nexport type FormListFieldData = {\n  name: number;\n  key: number;\n  isListField: boolean;\n};\n\nexport type FormListOperation = {\n  add: (defaultValue?: any, insertIndex?: number) => void;\n  remove: (index: number | number[]) => void;\n  move: (from: number, to: number) => void;\n};\n\nexport type FormListProps = {\n  name: NamePath;\n  rules?: Rule[];\n  children: (\n    fields: FormListFieldData[],\n    operation: FormListOperation,\n    meta: { errors: React.ReactNode[] },\n  ) => React.ReactNode;\n  initialValue?: any[];\n};\n\n// ============== Helpers ==============\n\n/** Convert a 24-column span/offset to Tailwind-compatible inline styles */\nfunction colStyle(col?: ColConfig): React.CSSProperties | undefined {\n  if (!col) return undefined;\n  const s: React.CSSProperties = { ...col.style };\n  if (col.flex !== null && col.flex !== undefined) {\n    s.flex = col.flex;\n  }\n  if (col.span !== null && col.span !== undefined) {\n    // 24-column grid: width = span / 24 * 100%\n    s.width = `${(col.span / 24) * 100}%`;\n    s.flex = `0 0 ${(col.span / 24) * 100}%`;\n  }\n  if (col.offset !== null && col.offset !== undefined && col.offset > 0) {\n    s.marginLeft = `${(col.offset / 24) * 100}%`;\n  }\n  return s;\n}\n\nfunction mergeControlProps(\n  childProps: Record<string, any>,\n  control: Record<string, any>,\n) {\n  const mergedControl = { ...control };\n\n  Object.keys(control).forEach((key) => {\n    const controlHandler = control[key];\n    const childHandler = childProps[key];\n\n    if (\n      typeof controlHandler === 'function' &&\n      typeof childHandler === 'function'\n    ) {\n      mergedControl[key] = (...args: any[]) => {\n        controlHandler(...args);\n        childHandler(...args);\n      };\n    }\n  });\n\n  return mergedControl;\n}\n\n// ============== Form ==============\n\nconst AldForm = forwardRef((props: any, ref: any) => {\n  const contextSize = useContext(SizeContext);\n  const {\n    children,\n    size = contextSize,\n    labelWidth,\n    style = {},\n    className,\n    layout = 'horizontal',\n    disabled,\n    labelCol,\n    wrapperCol,\n    colon = false,\n    requiredMark,\n    labelAlign,\n    ...restProps\n  } = props;\n  const customStyle = {\n    ...style,\n    ...(labelWidth ? { '--label-width': `${labelWidth}px` } : {}),\n    ...(labelAlign ? { '--label-align': labelAlign } : {}),\n  };\n\n  const formContextValue = useMemo(\n    () => ({\n      layout,\n      labelCol,\n      wrapperCol,\n      colon,\n      requiredMark,\n      labelWidth,\n      labelAlign,\n    }),\n    [layout, labelCol, wrapperCol, colon, requiredMark, labelWidth, labelAlign],\n  );\n\n  return (\n    <FormContext.Provider value={formContextValue}>\n      <DisabledContext.Provider value={disabled}>\n        <SizeContextProvider size={size}>\n          <RcForm\n            style={customStyle}\n            className={cn(\n              'ald-form ant-form',\n              `ald-form-${layout}`,\n              `ant-form-${layout}`,\n              className,\n            )}\n            {...restProps}\n            ref={ref}\n          >\n            {children}\n          </RcForm>\n        </SizeContextProvider>\n      </DisabledContext.Provider>\n    </FormContext.Provider>\n  );\n}) as <Values = any>(\n  props: React.PropsWithChildren<FormProps<Values>> & {\n    ref?: React.Ref<FormInstance<Values>>;\n    labelWidth?: number;\n  },\n) => React.ReactElement;\n\n// ============== Form.Item ==============\n\ninterface IFormItemProps extends FormItemProps {\n  labelWidth?: number;\n  labelAlign?: 'left' | 'right';\n}\n\n/** Derive status from meta or manual validateStatus */\nfunction deriveStatus(\n  meta?: Meta,\n  validateStatus?: ValidateStatus,\n): ValidateStatus {\n  if (validateStatus) return validateStatus;\n  if (!meta) return '';\n  if (meta.validating) return 'validating';\n  if (meta.errors && meta.errors.length > 0) return 'error';\n  if (meta.warnings && meta.warnings.length > 0) return 'warning';\n  if (meta.touched) return 'success';\n  return '';\n}\n\n/** Status-based border class for the control wrapper */\nfunction statusClassName(status: ValidateStatus): string {\n  switch (status) {\n    case 'error':\n      return 'ald-form-item-has-error';\n    case 'warning':\n      return 'ald-form-item-has-warning';\n    case 'success':\n      return 'ald-form-item-has-success';\n    case 'validating':\n      return 'ald-form-item-is-validating';\n    default:\n      return '';\n  }\n}\n\n/** Render the inner label + control layout, receiving meta from Field */\nfunction FormItemLayout({\n  label,\n  children,\n  meta,\n  help,\n  extra,\n  required,\n  rules,\n  hidden,\n  className,\n  customStyle,\n  noStyle,\n  labelCol: itemLabelCol,\n  wrapperCol: itemWrapperCol,\n  validateStatus: manualStatus,\n  colon: itemColon,\n  formContext,\n}: {\n  label?: React.ReactNode;\n  children: React.ReactNode;\n  meta?: Meta;\n  help?: React.ReactNode;\n  extra?: React.ReactNode;\n  required?: boolean;\n  rules?: Rule[];\n  hidden?: boolean;\n  className?: string;\n  customStyle?: React.CSSProperties;\n  noStyle?: boolean;\n  labelCol?: ColConfig;\n  wrapperCol?: ColConfig;\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  formContext: {\n    layout?: string;\n    labelCol?: ColConfig;\n    wrapperCol?: ColConfig;\n    colon?: boolean;\n    requiredMark?: boolean | 'optional';\n    labelWidth?: number;\n  };\n}) {\n  const status = deriveStatus(meta, manualStatus);\n  const errors = useMemo(() => meta?.errors ?? [], [meta?.errors]);\n  const warnings = useMemo(() => meta?.warnings ?? [], [meta?.warnings]);\n\n  // Provide status context to child controls\n  const itemInputContextValue = useMemo(\n    () => ({\n      status,\n      isFormItemInput: true,\n      errors,\n      warnings,\n    }),\n    [status, errors, warnings],\n  );\n\n  if (noStyle) {\n    return <>{children}</>;\n  }\n\n  // Determine if we should show required mark\n  const { requiredMark } = formContext;\n  const rulesRequired =\n    rules && rules.some((r: any) => typeof r === 'object' && r && r.required);\n  const isRequired =\n    required || rulesRequired || (meta && (meta as any).required);\n  const showRequired = requiredMark !== false && isRequired;\n  const showOptional = requiredMark === 'optional' && !isRequired;\n\n  // Resolve cols: item-level overrides form-level\n  const resolvedLabelCol = itemLabelCol ?? formContext.labelCol;\n  const resolvedWrapperCol = itemWrapperCol ?? formContext.wrapperCol;\n  const layout = formContext.layout || 'horizontal';\n  const showColon =\n    (itemColon ?? formContext.colon) !== false && layout === 'horizontal';\n\n  // Decide whether to use grid-style layout\n  const useGridLayout =\n    layout === 'horizontal' && (resolvedLabelCol || resolvedWrapperCol);\n\n  // Determine display errors: if help is provided, show help instead of validation errors\n  const displayMessages = help !== null && help !== undefined ? [help] : errors;\n  const hasError = status === 'error' || (errors.length > 0 && help === null);\n  const hasWarning =\n    status === 'warning' || (warnings.length > 0 && help === null);\n  const hasLabel = label !== null && label !== undefined && label !== '';\n\n  const labelNode = hasLabel ? (\n    <div\n      className={cn(\n        'ald-form-item-label ant-form-item-label',\n        // tw-block 不能省：label 容器同时挂了 ant-form-item-label 兼容 class，\n        // 消费方残留的 antd 样式会把它设为 inline-block，导致 vertical 布局下\n        // label 缩成内容宽而非整行铺在控件上方\n        layout === 'vertical' && 'tw-mb-1 tw-block',\n        layout === 'horizontal' && 'tw-mr-3 tw-shrink-0',\n      )}\n      style={useGridLayout ? colStyle(resolvedLabelCol) : undefined}\n    >\n      <label\n        className={cn(\n          'tw-text-sm tw-font-medium tw-text-[var(--alias-colors-text-subtle,var(--content-secondary))]',\n          !showColon && 'ant-form-item-no-colon',\n        )}\n      >\n        {showRequired && (\n          <span className=\"tw-mr-1 tw-text-[var(--content-negative-primary)]\">\n            *\n          </span>\n        )}\n        {label}\n        {showOptional && (\n          <span className=\"tw-ml-1 tw-text-xs tw-font-normal tw-text-[var(--content-secondary)]\">\n            (optional)\n          </span>\n        )}\n        {showColon && label ? ':' : null}\n      </label>\n    </div>\n  ) : null;\n\n  const controlNode = (\n    <div\n      className={cn(\n        'ald-form-item-control ant-form-item-control',\n        // tw-min-w-0 必须同时加：flex item 默认 min-width:auto = min-content，\n        // 子元素 intrinsic min-content（如多选 Select 的 tag 集合）会反向把 control 撑超出父\n        // form-item 分配的宽度，再让 rc-overflow 误判\"全部能塞下\"导致不折叠 +N。\n        // 实测：指标定义\"更多筛选\"浮窗里 8 个特性 tag 横向溢出浮窗边界即此因\n        // (release-2.3_test 复现)；这里钳住 min-width 后 Overflow 测量恢复正确。\n        layout === 'horizontal' && 'tw-min-w-0 tw-flex-1',\n      )}\n      style={useGridLayout ? colStyle(resolvedWrapperCol) : undefined}\n    >\n      <FormItemInputContext.Provider value={itemInputContextValue}>\n        <div className=\"ald-form-item-control-input\">\n          <div className=\"ald-form-item-control-input-content\">{children}</div>\n        </div>\n      </FormItemInputContext.Provider>\n      {/* 始终渲染错误容器，避免 DOM 增删触发 Radix FocusScope MutationObserver 劫持焦点 */}\n      <div\n        className={cn(\n          'ald-form-item-explain ant-form-item-explain tw-text-xs tw-transition-all tw-duration-200',\n          displayMessages.length > 0 && 'tw-mt-1',\n          hasError && 'tw-text-[var(--content-negative-secondary)]',\n          hasWarning &&\n            !hasError &&\n            'tw-text-[color:var(--content-warning-primary,#faad14)]',\n          !hasError &&\n            !hasWarning &&\n            help !== null &&\n            help !== undefined &&\n            'tw-text-[var(--content-secondary)]',\n        )}\n        style={displayMessages.length === 0 ? { display: 'none' } : undefined}\n      >\n        {displayMessages.map((msg, i) => (\n          <div key={i}>{msg}</div>\n        ))}\n      </div>\n      {extra && (\n        <div className=\"ald-form-item-extra tw-mt-1 tw-text-xs tw-text-[var(--content-secondary)]\">\n          {extra}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      className={cn(\n        'ald-form-item ant-form-item ant-row tw-mb-6',\n        hidden && 'tw-hidden',\n        showRequired && 'ald-form-item-required',\n        statusClassName(status),\n        layout === 'horizontal' && 'tw-flex tw-flex-row tw-items-start',\n        layout === 'inline' &&\n          'tw-mr-4 tw-inline-flex tw-flex-row tw-items-start',\n        className,\n      )}\n      style={customStyle as React.CSSProperties}\n    >\n      {labelNode}\n      {controlNode}\n    </div>\n  );\n}\n\nconst AldFormItem = function (props: IFormItemProps) {\n  const {\n    labelWidth,\n    style = {},\n    label,\n    name,\n    rules,\n    children,\n    className,\n    required,\n    hidden,\n    initialValue,\n    dependencies,\n    shouldUpdate,\n    help,\n    extra,\n    validateTrigger,\n    valuePropName,\n    getValueFromEvent,\n    normalize,\n    getValueProps,\n    noStyle,\n    labelCol,\n    wrapperCol,\n    validateStatus,\n    colon,\n    trigger,\n  } = props;\n\n  const formContext = useContext(FormContext);\n\n  const customStyle = {\n    ...style,\n    ...(labelWidth ? { '--label-width': `${labelWidth}px` } : {}),\n    ...(props.labelAlign ? { '--label-align': props.labelAlign } : {}),\n  };\n\n  // If no name is provided (e.g. a submit button wrapper), we don't need Field\n  // Also when shouldUpdate or dependencies are used without name, Field is still needed for re-render\n  const needField =\n    (name !== null && name !== undefined) ||\n    (shouldUpdate !== null && shouldUpdate !== undefined) ||\n    (dependencies !== null && dependencies !== undefined);\n\n  if (!needField) {\n    return (\n      <FormItemLayout\n        label={label}\n        help={help}\n        extra={extra}\n        required={required}\n        rules={rules}\n        hidden={hidden}\n        className={className}\n        customStyle={customStyle as React.CSSProperties}\n        noStyle={noStyle}\n        labelCol={labelCol}\n        wrapperCol={wrapperCol}\n        validateStatus={validateStatus}\n        colon={colon}\n        formContext={formContext}\n      >\n        {children as React.ReactNode}\n      </FormItemLayout>\n    );\n  }\n\n  return (\n    <Field\n      name={name}\n      rules={rules}\n      initialValue={initialValue}\n      dependencies={dependencies}\n      shouldUpdate={shouldUpdate}\n      validateTrigger={validateTrigger}\n      trigger={trigger}\n      valuePropName={valuePropName}\n      getValueFromEvent={getValueFromEvent}\n      normalize={normalize}\n      getValueProps={getValueProps}\n    >\n      {(control, meta, form) => {\n        // If children is a render function (shouldUpdate / dependencies pattern),\n        // call it with the form instance and wrap in layout\n        if (typeof children === 'function') {\n          const childContent = (\n            children as (form: RcFormInstance) => React.ReactNode\n          )(form);\n          if (noStyle) {\n            return childContent;\n          }\n          return (\n            <FormItemLayout\n              label={label}\n              meta={meta}\n              help={help}\n              extra={extra}\n              required={required}\n              rules={rules}\n              hidden={hidden}\n              className={className}\n              customStyle={customStyle as React.CSSProperties}\n              noStyle={noStyle}\n              labelCol={labelCol}\n              wrapperCol={wrapperCol}\n              validateStatus={validateStatus}\n              colon={colon}\n              formContext={formContext}\n            >\n              {childContent}\n            </FormItemLayout>\n          );\n        }\n\n        // For noStyle, just clone with control props\n        if (noStyle) {\n          if (React.isValidElement(children)) {\n            return React.cloneElement(\n              children as React.ReactElement<any>,\n              mergeControlProps(\n                (children as React.ReactElement<any>).props,\n                control,\n              ),\n            );\n          }\n          return children;\n        }\n\n        // Clone control props onto the single child element\n        let childNode: React.ReactNode = children;\n        if (React.isValidElement(children)) {\n          childNode = React.cloneElement(\n            children as React.ReactElement<any>,\n            mergeControlProps(\n              (children as React.ReactElement<any>).props,\n              control,\n            ),\n          );\n        }\n\n        return (\n          <FormItemLayout\n            label={label}\n            meta={meta}\n            help={help}\n            extra={extra}\n            required={required}\n            rules={rules}\n            hidden={hidden}\n            className={className}\n            customStyle={customStyle as React.CSSProperties}\n            labelCol={labelCol}\n            wrapperCol={wrapperCol}\n            validateStatus={validateStatus}\n            colon={colon}\n            formContext={formContext}\n          >\n            {childNode}\n          </FormItemLayout>\n        );\n      }}\n    </Field>\n  );\n};\n\nfunction useFormItemStatus() {\n  const ctx = useContext(FormItemInputContext);\n  return {\n    status: ctx.status,\n    errors: ctx.errors ?? [],\n    warnings: ctx.warnings ?? [],\n  };\n}\n\nAldFormItem.useStatus = useFormItemStatus;\n\n// ============== ErrorList ==============\n\nfunction ErrorListComponent(props: ErrorListProps) {\n  const { errors, className } = props;\n  if (!errors || errors.length === 0) return null;\n  return (\n    <div className={cn('ald-form-error-list', className)}>\n      {errors.map((err, i) => (\n        <div\n          key={i}\n          className=\"tw-text-xs tw-text-[var(--content-negative-secondary)]\"\n        >\n          {err}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ============== useFormInstance ==============\n\nfunction useFormInstance<T = any>(): FormInstance<T> {\n  const form = useContext(FieldContext);\n  return form as unknown as FormInstance<T>;\n}\n\n// ============== Compound component ==============\n\ntype InternalFormType = typeof AldForm;\ntype CompoundedComponent = InternalFormType & {\n  useForm: <T = any>(...args: any[]) => [FormInstance<T>];\n  useFormInstance: typeof useFormInstance;\n  /** Loose-typed useWatch for antd v4 compat */\n  useWatch: <T = any>(name: LooseNamePath, form?: FormInstance) => T;\n  Item: typeof AldFormItem;\n  List: typeof List;\n  ErrorList: typeof ErrorListComponent;\n  Provider: typeof FormProvider;\n  create: () => void;\n};\n\nconst Form = AldForm as CompoundedComponent;\n\nForm.Item = AldFormItem;\nForm.List = List;\nForm.ErrorList = ErrorListComponent;\nForm.useForm = rcUseForm as CompoundedComponent['useForm'];\nForm.useFormInstance = useFormInstance;\nForm.useWatch = useWatch;\nForm.Provider = FormProvider;\nForm.create = () => {\n  console.warn('Form.create is deprecated. Please use Form.useForm() instead.');\n};\n\nexport type { Rule, RuleObject, RuleRender };\nexport default Form;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Form/index.tsx"],"sourcesContent":["import RcForm, {\n  Field,\n  FormInstance as RcFormInstance,\n  FormProvider,\n  List,\n  useForm as rcUseForm,\n  useWatch,\n} from 'rc-field-form';\nimport type { FormProps as RcFormProps } from 'rc-field-form';\nimport FieldContext from 'rc-field-form/es/FieldContext';\nimport type { Rule, RuleObject, RuleRender } from 'rc-field-form/es/interface';\nimport type { Meta, NamePath } from 'rc-field-form/es/interface';\nimport React, { forwardRef, useContext, useMemo } from 'react';\nimport SizeContext, {\n  SizeContextProvider,\n} from '../ConfigProvider/sizeContext';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport { cn } from '../lib/utils';\nimport {\n  FormContext,\n  FormItemInputContext,\n  type ValidateStatus,\n} from './FormItemContext';\n\n/**\n * Loose NamePath: accepts string, number, or array of them.\n * antd v4 uses loose paths; rc-field-form v2 uses strict DeepNamePath.\n * We override to keep backward compatibility.\n */\ntype LooseNamePath = string | number | (string | number)[];\n\ntype ColConfig = {\n  flex?: string | number;\n  span?: number;\n  offset?: number;\n  style?: React.CSSProperties;\n  [key: string]: any;\n};\n\n/**\n * FormInstance — extends rc-field-form FormInstance with loose-typed overloads\n * to maintain antd v4 backward compatibility. Uses intersection so that both\n * strict DeepNamePath and loose LooseNamePath signatures are accepted.\n */\nexport type FormInstance<Values = any> = RcFormInstance<Values> & {\n  getFieldValue(name: LooseNamePath): any;\n  setFieldValue(name: LooseNamePath, value: any): void;\n  setFieldsValue(values: Record<string, any>): void;\n  getFieldsValue(): Values;\n  getFieldsValue(\n    nameList: LooseNamePath[] | true,\n    filterFunc?: (meta: Meta) => boolean,\n  ): any;\n  getFieldError(name: LooseNamePath): string[];\n  getFieldsError(\n    nameList?: LooseNamePath[],\n  ): { name: (string | number)[]; errors: string[] }[];\n  getFieldWarning(name: LooseNamePath): string[];\n  isFieldTouched(name: LooseNamePath): boolean;\n  isFieldsTouched(\n    nameList?: LooseNamePath[],\n    allFieldsTouched?: boolean,\n  ): boolean;\n  isFieldValidating(name: LooseNamePath): boolean;\n  isFieldsValidating(nameList?: LooseNamePath[]): boolean;\n  setFields(fields: FieldData[]): void;\n  resetFields(fields?: LooseNamePath[]): void;\n  validateFields(nameList?: LooseNamePath[]): Promise<Values>;\n  /** Scroll to field position (antd-compatible extension) */\n  scrollToField?(name: LooseNamePath, options?: ScrollIntoViewOptions): void;\n};\n\n// FormProps compatible with antd\nexport interface FormProps<Values = any> extends Omit<RcFormProps, 'form'> {\n  form?: FormInstance<Values>;\n  layout?: 'horizontal' | 'vertical' | 'inline';\n  size?: 'small' | 'middle' | 'large';\n  colon?: boolean;\n  disabled?: boolean;\n  labelCol?: ColConfig;\n  wrapperCol?: ColConfig;\n  className?: string;\n  style?: React.CSSProperties;\n  requiredMark?: boolean | 'optional';\n  labelWidth?: number;\n  labelAlign?: 'left' | 'right';\n}\n\n// FormItemProps\nexport interface FormItemProps {\n  name?: NamePath;\n  label?: React.ReactNode;\n  rules?: Rule[];\n  children?: React.ReactNode | ((form: RcFormInstance) => React.ReactNode);\n  className?: string;\n  style?: React.CSSProperties;\n  required?: boolean;\n  hidden?: boolean;\n  initialValue?: any;\n  dependencies?: NamePath[];\n  shouldUpdate?: boolean | ((prevValues: any, curValues: any) => boolean);\n  help?: React.ReactNode;\n  extra?: React.ReactNode;\n  validateTrigger?: string | string[];\n  valuePropName?: string;\n  getValueFromEvent?: (...args: any[]) => any;\n  noStyle?: boolean;\n  labelWidth?: number;\n  tooltip?:\n    | React.ReactNode\n    | { title?: React.ReactNode; icon?: React.ReactNode };\n  labelCol?: ColConfig;\n  wrapperCol?: ColConfig;\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  trigger?: string;\n  normalize?: (value: any, prevValue: any, allValues: any) => any;\n  getValueProps?: (value: any) => Record<string, any>;\n}\n\n/** antd v4 compat: FormLabelAlign */\nexport type FormLabelAlign = 'left' | 'right';\n\n/** antd v4 compat: FieldData */\nexport type FieldData = {\n  name: NamePath;\n  value?: any;\n  touched?: boolean;\n  validating?: boolean;\n  errors?: string[];\n};\n\nexport interface ErrorListProps {\n  errors?: React.ReactNode[];\n  help?: React.ReactNode;\n  className?: string;\n}\n\nexport type FormListFieldData = {\n  name: number;\n  key: number;\n  isListField: boolean;\n};\n\nexport type FormListOperation = {\n  add: (defaultValue?: any, insertIndex?: number) => void;\n  remove: (index: number | number[]) => void;\n  move: (from: number, to: number) => void;\n};\n\nexport type FormListProps = {\n  name: NamePath;\n  rules?: Rule[];\n  children: (\n    fields: FormListFieldData[],\n    operation: FormListOperation,\n    meta: { errors: React.ReactNode[] },\n  ) => React.ReactNode;\n  initialValue?: any[];\n};\n\n// ============== Helpers ==============\n\n/** Convert a 24-column span/offset to Tailwind-compatible inline styles */\nfunction colStyle(col?: ColConfig): React.CSSProperties | undefined {\n  if (!col) return undefined;\n  const s: React.CSSProperties = { ...col.style };\n  if (col.flex !== null && col.flex !== undefined) {\n    s.flex = col.flex;\n  }\n  if (col.span !== null && col.span !== undefined) {\n    // 24-column grid: width = span / 24 * 100%\n    s.width = `${(col.span / 24) * 100}%`;\n    s.flex = `0 0 ${(col.span / 24) * 100}%`;\n  }\n  if (col.offset !== null && col.offset !== undefined && col.offset > 0) {\n    s.marginLeft = `${(col.offset / 24) * 100}%`;\n  }\n  return s;\n}\n\nfunction mergeControlProps(\n  childProps: Record<string, any>,\n  control: Record<string, any>,\n) {\n  const mergedControl = { ...control };\n\n  Object.keys(control).forEach((key) => {\n    const controlHandler = control[key];\n    const childHandler = childProps[key];\n\n    if (\n      typeof controlHandler === 'function' &&\n      typeof childHandler === 'function'\n    ) {\n      mergedControl[key] = (...args: any[]) => {\n        controlHandler(...args);\n        childHandler(...args);\n      };\n    }\n  });\n\n  return mergedControl;\n}\n\n// ============== Form ==============\n\nconst AldForm = forwardRef((props: any, ref: any) => {\n  const contextSize = useContext(SizeContext);\n  const {\n    children,\n    size = contextSize,\n    labelWidth,\n    style = {},\n    className,\n    layout = 'horizontal',\n    disabled,\n    labelCol,\n    wrapperCol,\n    colon = false,\n    requiredMark,\n    labelAlign,\n    ...restProps\n  } = props;\n  const customStyle = {\n    ...style,\n    ...(labelWidth ? { '--label-width': `${labelWidth}px` } : {}),\n    ...(labelAlign ? { '--label-align': labelAlign } : {}),\n  };\n\n  const formContextValue = useMemo(\n    () => ({\n      layout,\n      labelCol,\n      wrapperCol,\n      colon,\n      requiredMark,\n      labelWidth,\n      labelAlign,\n    }),\n    [layout, labelCol, wrapperCol, colon, requiredMark, labelWidth, labelAlign],\n  );\n\n  return (\n    <FormContext.Provider value={formContextValue}>\n      <DisabledContext.Provider value={disabled}>\n        <SizeContextProvider size={size}>\n          <RcForm\n            style={customStyle}\n            className={cn(\n              'ald-form ant-form',\n              `ald-form-${layout}`,\n              `ant-form-${layout}`,\n              layout !== 'inline' && 'tw-w-full',\n              className,\n            )}\n            {...restProps}\n            ref={ref}\n          >\n            {children}\n          </RcForm>\n        </SizeContextProvider>\n      </DisabledContext.Provider>\n    </FormContext.Provider>\n  );\n}) as <Values = any>(\n  props: React.PropsWithChildren<FormProps<Values>> & {\n    ref?: React.Ref<FormInstance<Values>>;\n    labelWidth?: number;\n  },\n) => React.ReactElement;\n\n// ============== Form.Item ==============\n\ninterface IFormItemProps extends FormItemProps {\n  labelWidth?: number;\n  labelAlign?: 'left' | 'right';\n}\n\n/** Derive status from meta or manual validateStatus */\nfunction deriveStatus(\n  meta?: Meta,\n  validateStatus?: ValidateStatus,\n): ValidateStatus {\n  if (validateStatus) return validateStatus;\n  if (!meta) return '';\n  if (meta.validating) return 'validating';\n  if (meta.errors && meta.errors.length > 0) return 'error';\n  if (meta.warnings && meta.warnings.length > 0) return 'warning';\n  if (meta.touched) return 'success';\n  return '';\n}\n\n/** Status-based border class for the control wrapper */\nfunction statusClassName(status: ValidateStatus): string {\n  switch (status) {\n    case 'error':\n      return 'ald-form-item-has-error';\n    case 'warning':\n      return 'ald-form-item-has-warning';\n    case 'success':\n      return 'ald-form-item-has-success';\n    case 'validating':\n      return 'ald-form-item-is-validating';\n    default:\n      return '';\n  }\n}\n\n/** Render the inner label + control layout, receiving meta from Field */\nfunction FormItemLayout({\n  label,\n  children,\n  meta,\n  help,\n  extra,\n  required,\n  rules,\n  hidden,\n  className,\n  customStyle,\n  noStyle,\n  labelCol: itemLabelCol,\n  wrapperCol: itemWrapperCol,\n  validateStatus: manualStatus,\n  colon: itemColon,\n  formContext,\n}: {\n  label?: React.ReactNode;\n  children: React.ReactNode;\n  meta?: Meta;\n  help?: React.ReactNode;\n  extra?: React.ReactNode;\n  required?: boolean;\n  rules?: Rule[];\n  hidden?: boolean;\n  className?: string;\n  customStyle?: React.CSSProperties;\n  noStyle?: boolean;\n  labelCol?: ColConfig;\n  wrapperCol?: ColConfig;\n  validateStatus?: ValidateStatus;\n  colon?: boolean;\n  formContext: {\n    layout?: string;\n    labelCol?: ColConfig;\n    wrapperCol?: ColConfig;\n    colon?: boolean;\n    requiredMark?: boolean | 'optional';\n    labelWidth?: number;\n  };\n}) {\n  const status = deriveStatus(meta, manualStatus);\n  const errors = useMemo(() => meta?.errors ?? [], [meta?.errors]);\n  const warnings = useMemo(() => meta?.warnings ?? [], [meta?.warnings]);\n\n  // Provide status context to child controls\n  const itemInputContextValue = useMemo(\n    () => ({\n      status,\n      isFormItemInput: true,\n      errors,\n      warnings,\n    }),\n    [status, errors, warnings],\n  );\n\n  if (noStyle) {\n    return <>{children}</>;\n  }\n\n  // Determine if we should show required mark\n  const { requiredMark } = formContext;\n  const rulesRequired =\n    rules && rules.some((r: any) => typeof r === 'object' && r && r.required);\n  const isRequired =\n    required || rulesRequired || (meta && (meta as any).required);\n  const showRequired = requiredMark !== false && isRequired;\n  const showOptional = requiredMark === 'optional' && !isRequired;\n\n  // Resolve cols: item-level overrides form-level\n  const resolvedLabelCol = itemLabelCol ?? formContext.labelCol;\n  const resolvedWrapperCol = itemWrapperCol ?? formContext.wrapperCol;\n  const layout = formContext.layout || 'horizontal';\n  const showColon =\n    (itemColon ?? formContext.colon) !== false && layout === 'horizontal';\n\n  // Decide whether to use grid-style layout\n  const useGridLayout =\n    layout === 'horizontal' && (resolvedLabelCol || resolvedWrapperCol);\n\n  // Determine display errors: if help is provided, show help instead of validation errors\n  const displayMessages = help !== null && help !== undefined ? [help] : errors;\n  const hasError = status === 'error' || (errors.length > 0 && help === null);\n  const hasWarning =\n    status === 'warning' || (warnings.length > 0 && help === null);\n  const hasLabel = label !== null && label !== undefined && label !== '';\n\n  const labelNode = hasLabel ? (\n    <div\n      className={cn(\n        'ald-form-item-label ant-form-item-label',\n        // tw-block 不能省：label 容器同时挂了 ant-form-item-label 兼容 class，\n        // 消费方残留的 antd 样式会把它设为 inline-block，导致 vertical 布局下\n        // label 缩成内容宽而非整行铺在控件上方\n        layout === 'vertical' && 'tw-mb-1 tw-block',\n        layout === 'horizontal' && 'tw-mr-3 tw-shrink-0',\n      )}\n      style={useGridLayout ? colStyle(resolvedLabelCol) : undefined}\n    >\n      <label\n        className={cn(\n          'tw-text-sm tw-font-medium tw-text-[var(--content-secondary)]',\n          !showColon && 'ant-form-item-no-colon',\n        )}\n      >\n        {showRequired && (\n          <span className=\"tw-mr-1 tw-text-[var(--content-negative-primary)]\">\n            *\n          </span>\n        )}\n        {label}\n        {showOptional && (\n          <span className=\"tw-ml-1 tw-text-xs tw-font-normal tw-text-[var(--content-secondary)]\">\n            (optional)\n          </span>\n        )}\n        {showColon && label ? ':' : null}\n      </label>\n    </div>\n  ) : null;\n\n  const controlNode = (\n    <div\n      className={cn(\n        'ald-form-item-control ant-form-item-control',\n        // tw-min-w-0 必须同时加：flex item 默认 min-width:auto = min-content，\n        // 子元素 intrinsic min-content（如多选 Select 的 tag 集合）会反向把 control 撑超出父\n        // form-item 分配的宽度，再让 rc-overflow 误判\"全部能塞下\"导致不折叠 +N。\n        // 实测：指标定义\"更多筛选\"浮窗里 8 个特性 tag 横向溢出浮窗边界即此因\n        // (release-2.3_test 复现)；这里钳住 min-width 后 Overflow 测量恢复正确。\n        layout === 'horizontal' && 'tw-min-w-0 tw-flex-1',\n      )}\n      style={useGridLayout ? colStyle(resolvedWrapperCol) : undefined}\n    >\n      <FormItemInputContext.Provider value={itemInputContextValue}>\n        <div className=\"ald-form-item-control-input\">\n          <div className=\"ald-form-item-control-input-content\">{children}</div>\n        </div>\n      </FormItemInputContext.Provider>\n      {/* 始终渲染错误容器，避免 DOM 增删触发 Radix FocusScope MutationObserver 劫持焦点 */}\n      <div\n        className={cn(\n          'ald-form-item-explain ant-form-item-explain tw-text-xs tw-transition-all tw-duration-200',\n          displayMessages.length > 0 && 'tw-mt-1',\n          hasError && 'tw-text-[var(--content-negative-secondary)]',\n          hasWarning && !hasError && 'tw-text-[var(--content-warning-primary)]',\n          !hasError &&\n            !hasWarning &&\n            help !== null &&\n            help !== undefined &&\n            'tw-text-[var(--content-secondary)]',\n        )}\n        style={displayMessages.length === 0 ? { display: 'none' } : undefined}\n      >\n        {displayMessages.map((msg, i) => (\n          <div key={i}>{msg}</div>\n        ))}\n      </div>\n      {extra && (\n        <div className=\"ald-form-item-extra tw-mt-1 tw-text-xs tw-text-[var(--content-secondary)]\">\n          {extra}\n        </div>\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      className={cn(\n        'ald-form-item ant-form-item ant-row tw-mb-6',\n        hidden && 'tw-hidden',\n        showRequired && 'ald-form-item-required',\n        statusClassName(status),\n        layout === 'horizontal' && 'tw-flex tw-flex-row tw-items-start',\n        layout === 'inline' &&\n          'tw-mr-4 tw-inline-flex tw-flex-row tw-items-start',\n        className,\n      )}\n      style={customStyle as React.CSSProperties}\n    >\n      {labelNode}\n      {controlNode}\n    </div>\n  );\n}\n\nconst AldFormItem = function (props: IFormItemProps) {\n  const {\n    labelWidth,\n    style = {},\n    label,\n    name,\n    rules,\n    children,\n    className,\n    required,\n    hidden,\n    initialValue,\n    dependencies,\n    shouldUpdate,\n    help,\n    extra,\n    validateTrigger,\n    valuePropName,\n    getValueFromEvent,\n    normalize,\n    getValueProps,\n    noStyle,\n    labelCol,\n    wrapperCol,\n    validateStatus,\n    colon,\n    trigger,\n  } = props;\n\n  const formContext = useContext(FormContext);\n\n  const customStyle = {\n    ...style,\n    ...(labelWidth ? { '--label-width': `${labelWidth}px` } : {}),\n    ...(props.labelAlign ? { '--label-align': props.labelAlign } : {}),\n  };\n\n  // If no name is provided (e.g. a submit button wrapper), we don't need Field\n  // Also when shouldUpdate or dependencies are used without name, Field is still needed for re-render\n  const needField =\n    (name !== null && name !== undefined) ||\n    (shouldUpdate !== null && shouldUpdate !== undefined) ||\n    (dependencies !== null && dependencies !== undefined);\n\n  if (!needField) {\n    return (\n      <FormItemLayout\n        label={label}\n        help={help}\n        extra={extra}\n        required={required}\n        rules={rules}\n        hidden={hidden}\n        className={className}\n        customStyle={customStyle as React.CSSProperties}\n        noStyle={noStyle}\n        labelCol={labelCol}\n        wrapperCol={wrapperCol}\n        validateStatus={validateStatus}\n        colon={colon}\n        formContext={formContext}\n      >\n        {children as React.ReactNode}\n      </FormItemLayout>\n    );\n  }\n\n  return (\n    <Field\n      name={name}\n      rules={rules}\n      initialValue={initialValue}\n      dependencies={dependencies}\n      shouldUpdate={shouldUpdate}\n      validateTrigger={validateTrigger}\n      trigger={trigger}\n      valuePropName={valuePropName}\n      getValueFromEvent={getValueFromEvent}\n      normalize={normalize}\n      getValueProps={getValueProps}\n    >\n      {(control, meta, form) => {\n        // If children is a render function (shouldUpdate / dependencies pattern),\n        // call it with the form instance and wrap in layout\n        if (typeof children === 'function') {\n          const childContent = (\n            children as (form: RcFormInstance) => React.ReactNode\n          )(form);\n          if (noStyle) {\n            return childContent;\n          }\n          return (\n            <FormItemLayout\n              label={label}\n              meta={meta}\n              help={help}\n              extra={extra}\n              required={required}\n              rules={rules}\n              hidden={hidden}\n              className={className}\n              customStyle={customStyle as React.CSSProperties}\n              noStyle={noStyle}\n              labelCol={labelCol}\n              wrapperCol={wrapperCol}\n              validateStatus={validateStatus}\n              colon={colon}\n              formContext={formContext}\n            >\n              {childContent}\n            </FormItemLayout>\n          );\n        }\n\n        // For noStyle, just clone with control props\n        if (noStyle) {\n          if (React.isValidElement(children)) {\n            return React.cloneElement(\n              children as React.ReactElement<any>,\n              mergeControlProps(\n                (children as React.ReactElement<any>).props,\n                control,\n              ),\n            );\n          }\n          return children;\n        }\n\n        // Clone control props onto the single child element\n        let childNode: React.ReactNode = children;\n        if (React.isValidElement(children)) {\n          childNode = React.cloneElement(\n            children as React.ReactElement<any>,\n            mergeControlProps(\n              (children as React.ReactElement<any>).props,\n              control,\n            ),\n          );\n        }\n\n        return (\n          <FormItemLayout\n            label={label}\n            meta={meta}\n            help={help}\n            extra={extra}\n            required={required}\n            rules={rules}\n            hidden={hidden}\n            className={className}\n            customStyle={customStyle as React.CSSProperties}\n            labelCol={labelCol}\n            wrapperCol={wrapperCol}\n            validateStatus={validateStatus}\n            colon={colon}\n            formContext={formContext}\n          >\n            {childNode}\n          </FormItemLayout>\n        );\n      }}\n    </Field>\n  );\n};\n\nfunction useFormItemStatus() {\n  const ctx = useContext(FormItemInputContext);\n  return {\n    status: ctx.status,\n    errors: ctx.errors ?? [],\n    warnings: ctx.warnings ?? [],\n  };\n}\n\nAldFormItem.useStatus = useFormItemStatus;\n\n// ============== ErrorList ==============\n\nfunction ErrorListComponent(props: ErrorListProps) {\n  const { errors, className } = props;\n  if (!errors || errors.length === 0) return null;\n  return (\n    <div className={cn('ald-form-error-list', className)}>\n      {errors.map((err, i) => (\n        <div\n          key={i}\n          className=\"tw-text-xs tw-text-[var(--content-negative-secondary)]\"\n        >\n          {err}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n// ============== useFormInstance ==============\n\nfunction useFormInstance<T = any>(): FormInstance<T> {\n  const form = useContext(FieldContext);\n  return form as unknown as FormInstance<T>;\n}\n\n// ============== Compound component ==============\n\ntype InternalFormType = typeof AldForm;\ntype CompoundedComponent = InternalFormType & {\n  useForm: <T = any>(...args: any[]) => [FormInstance<T>];\n  useFormInstance: typeof useFormInstance;\n  /** Loose-typed useWatch for antd v4 compat */\n  useWatch: <T = any>(name: LooseNamePath, form?: FormInstance) => T;\n  Item: typeof AldFormItem;\n  List: typeof List;\n  ErrorList: typeof ErrorListComponent;\n  Provider: typeof FormProvider;\n  create: () => void;\n};\n\nconst Form = AldForm as CompoundedComponent;\n\nForm.Item = AldFormItem;\nForm.List = List;\nForm.ErrorList = ErrorListComponent;\nForm.useForm = rcUseForm as CompoundedComponent['useForm'];\nForm.useFormInstance = useFormInstance;\nForm.useWatch = useWatch;\nForm.Provider = FormProvider;\nForm.create = () => {\n  console.warn('Form.create is deprecated. Please use Form.useForm() instead.');\n};\n\nexport type { Rule, RuleObject, RuleRender };\nexport default Form;\n"],"mappings":"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"}

package/dist/Icon/components/SortAscendingOrderColor.js

@@ -21,7 +21,7 @@ var SortAscendingOrderColor = ({ title, titleId, desc, descId, ...props }, ref)
 			children: title
 		}) : null,
 		/* @__PURE__ */ jsx("path", {
-			fill: "#2986F4",
+			fill: "var(--content-brand-secondary)",
 			d: "M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585Z"
 		}),
 		/* @__PURE__ */ jsx("path", {

package/dist/Icon/components/SortAscendingOrderColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortAscendingOrderColor.js","names":[],"sources":["../../../src/Icon/components/SortAscendingOrderColor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps } from 'react';\nimport { Ref, forwardRef, memo } from 'react';\ninterface SVGRProps {\n  size?: number | string;\n  title?: string;\n  titleId?: string;\n  desc?: string;\n  descId?: string;\n}\nconst SortAscendingOrderColor = (\n  {\n    title,\n    titleId,\n    desc,\n    descId,\n    ...props\n  }: SVGProps<SVGSVGElement> & SVGRProps,\n  ref: Ref<SVGSVGElement>,\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={props.width || props.size || 16}\n    height={props.height || props.size || 16}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    ref={ref}\n    aria-labelledby={titleId}\n    aria-describedby={descId}\n    {...props}\n  >\n    {desc ? <desc id={descId}>{desc}</desc> : null}\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill=\"#2986F4\"\n      d=\"M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585Z\"\n    />\n    <path\n      fill={props.color || 'currentColor'}\n      d=\"M15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SortAscendingOrderColor);\nconst Memo = memo(ForwardRef);\nexport default Memo;\n"],"mappings":";;;AAUA,IAAM,2BACJ,EACE,OACA,SACA,MACA,QACA,GAAG,SAEL,QAEA,qBAAC,OAAD;CACE,OAAM;CACN,OAAO,MAAM,SAAS,MAAM,QAAQ;CACpC,QAAQ,MAAM,UAAU,MAAM,QAAQ;CACtC,MAAK;CACL,SAAQ;CACH;CACL,mBAAiB;CACjB,oBAAkB;CAClB,GAAI;WATN;EAWG,OAAO,oBAAC,QAAD;GAAM,IAAI;aAAS;GAAY,CAAA,GAAG;EACzC,QAAQ,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA,GAAG;EAC/C,oBAAC,QAAD;GACE,MAAK;GACL,GAAE;GACF,CAAA;EACF,oBAAC,QAAD;GACE,MAAM,MAAM,SAAS;GACrB,GAAE;GACF,CAAA;EACE;;AAGR,IAAM,OAAO,KADM,WAAW,wBAAwB,CACzB"}
+{"version":3,"file":"SortAscendingOrderColor.js","names":[],"sources":["../../../src/Icon/components/SortAscendingOrderColor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps } from 'react';\nimport { Ref, forwardRef, memo } from 'react';\ninterface SVGRProps {\n  size?: number | string;\n  title?: string;\n  titleId?: string;\n  desc?: string;\n  descId?: string;\n}\nconst SortAscendingOrderColor = (\n  {\n    title,\n    titleId,\n    desc,\n    descId,\n    ...props\n  }: SVGProps<SVGSVGElement> & SVGRProps,\n  ref: Ref<SVGSVGElement>,\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={props.width || props.size || 16}\n    height={props.height || props.size || 16}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    ref={ref}\n    aria-labelledby={titleId}\n    aria-describedby={descId}\n    {...props}\n  >\n    {desc ? <desc id={descId}>{desc}</desc> : null}\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill=\"var(--content-brand-secondary)\"\n      d=\"M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585Z\"\n    />\n    <path\n      fill={props.color || 'currentColor'}\n      d=\"M15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SortAscendingOrderColor);\nconst Memo = memo(ForwardRef);\nexport default Memo;\n"],"mappings":";;;AAUA,IAAM,2BACJ,EACE,OACA,SACA,MACA,QACA,GAAG,SAEL,QAEA,qBAAC,OAAD;CACE,OAAM;CACN,OAAO,MAAM,SAAS,MAAM,QAAQ;CACpC,QAAQ,MAAM,UAAU,MAAM,QAAQ;CACtC,MAAK;CACL,SAAQ;CACH;CACL,mBAAiB;CACjB,oBAAkB;CAClB,GAAI;WATN;EAWG,OAAO,oBAAC,QAAD;GAAM,IAAI;aAAS;GAAY,CAAA,GAAG;EACzC,QAAQ,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA,GAAG;EAC/C,oBAAC,QAAD;GACE,MAAK;GACL,GAAE;GACF,CAAA;EACF,oBAAC,QAAD;GACE,MAAM,MAAM,SAAS;GACrB,GAAE;GACF,CAAA;EACE;;AAGR,IAAM,OAAO,KADM,WAAW,wBAAwB,CACzB"}

package/dist/Icon/components/SortDescendingOrderColor.js

@@ -25,7 +25,7 @@ var SortDescendingOrderColor = ({ title, titleId, desc, descId, ...props }, ref)
 			d: "M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585Z"
 		}),
 		/* @__PURE__ */ jsx("path", {
-			fill: "#2986F4",
+			fill: "var(--content-brand-secondary)",
 			d: "M15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z"
 		})
 	]

package/dist/Icon/components/SortDescendingOrderColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortDescendingOrderColor.js","names":[],"sources":["../../../src/Icon/components/SortDescendingOrderColor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps } from 'react';\nimport { Ref, forwardRef, memo } from 'react';\ninterface SVGRProps {\n  size?: number | string;\n  title?: string;\n  titleId?: string;\n  desc?: string;\n  descId?: string;\n}\nconst SortDescendingOrderColor = (\n  {\n    title,\n    titleId,\n    desc,\n    descId,\n    ...props\n  }: SVGProps<SVGSVGElement> & SVGRProps,\n  ref: Ref<SVGSVGElement>,\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={props.width || props.size || 16}\n    height={props.height || props.size || 16}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    ref={ref}\n    aria-labelledby={titleId}\n    aria-describedby={descId}\n    {...props}\n  >\n    {desc ? <desc id={descId}>{desc}</desc> : null}\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={props.color || 'currentColor'}\n      d=\"M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585Z\"\n    />\n    <path\n      fill=\"#2986F4\"\n      d=\"M15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SortDescendingOrderColor);\nconst Memo = memo(ForwardRef);\nexport default Memo;\n"],"mappings":";;;AAUA,IAAM,4BACJ,EACE,OACA,SACA,MACA,QACA,GAAG,SAEL,QAEA,qBAAC,OAAD;CACE,OAAM;CACN,OAAO,MAAM,SAAS,MAAM,QAAQ;CACpC,QAAQ,MAAM,UAAU,MAAM,QAAQ;CACtC,MAAK;CACL,SAAQ;CACH;CACL,mBAAiB;CACjB,oBAAkB;CAClB,GAAI;WATN;EAWG,OAAO,oBAAC,QAAD;GAAM,IAAI;aAAS;GAAY,CAAA,GAAG;EACzC,QAAQ,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA,GAAG;EAC/C,oBAAC,QAAD;GACE,MAAM,MAAM,SAAS;GACrB,GAAE;GACF,CAAA;EACF,oBAAC,QAAD;GACE,MAAK;GACL,GAAE;GACF,CAAA;EACE;;AAGR,IAAM,OAAO,KADM,WAAW,yBAAyB,CAC1B"}
+{"version":3,"file":"SortDescendingOrderColor.js","names":[],"sources":["../../../src/Icon/components/SortDescendingOrderColor.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps } from 'react';\nimport { Ref, forwardRef, memo } from 'react';\ninterface SVGRProps {\n  size?: number | string;\n  title?: string;\n  titleId?: string;\n  desc?: string;\n  descId?: string;\n}\nconst SortDescendingOrderColor = (\n  {\n    title,\n    titleId,\n    desc,\n    descId,\n    ...props\n  }: SVGProps<SVGSVGElement> & SVGRProps,\n  ref: Ref<SVGSVGElement>,\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={props.width || props.size || 16}\n    height={props.height || props.size || 16}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    ref={ref}\n    aria-labelledby={titleId}\n    aria-describedby={descId}\n    {...props}\n  >\n    {desc ? <desc id={descId}>{desc}</desc> : null}\n    {title ? <title id={titleId}>{title}</title> : null}\n    <path\n      fill={props.color || 'currentColor'}\n      d=\"M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585Z\"\n    />\n    <path\n      fill=\"var(--content-brand-secondary)\"\n      d=\"M15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(SortDescendingOrderColor);\nconst Memo = memo(ForwardRef);\nexport default Memo;\n"],"mappings":";;;AAUA,IAAM,4BACJ,EACE,OACA,SACA,MACA,QACA,GAAG,SAEL,QAEA,qBAAC,OAAD;CACE,OAAM;CACN,OAAO,MAAM,SAAS,MAAM,QAAQ;CACpC,QAAQ,MAAM,UAAU,MAAM,QAAQ;CACtC,MAAK;CACL,SAAQ;CACH;CACL,mBAAiB;CACjB,oBAAkB;CAClB,GAAI;WATN;EAWG,OAAO,oBAAC,QAAD;GAAM,IAAI;aAAS;GAAY,CAAA,GAAG;EACzC,QAAQ,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA,GAAG;EAC/C,oBAAC,QAAD;GACE,MAAM,MAAM,SAAS;GACrB,GAAE;GACF,CAAA;EACF,oBAAC,QAAD;GACE,MAAK;GACL,GAAE;GACF,CAAA;EACE;;AAGR,IAAM,OAAO,KADM,WAAW,yBAAyB,CAC1B"}

package/dist/Icon/components/User.js

@@ -24,11 +24,11 @@ var User = ({ title, titleId, desc, descId, ...props }, ref) => /* @__PURE__ */
 			cx: 50,
 			cy: 50,
 			r: 50,
-			fill: "#F97316",
+			fill: "var(--background-warning-muted)",
 			opacity: .25
 		}),
 		/* @__PURE__ */ jsx("path", {
-			fill: "#F97316",
+			fill: "var(--content-warning-secondary)",
 			fillRule: "evenodd",
 			d: "M62.992 45.79a15.626 15.626 0 1 0-25.986-17.362A15.626 15.626 0 0 0 62.992 45.79ZM50 93.75c13.386 0 25.367-6.011 33.392-15.482C75.594 68.424 63.534 62.11 50 62.11c-13.534 0-25.594 6.315-33.392 16.16C24.633 87.738 36.614 93.75 50 93.75Z",
 			clipRule: "evenodd"

package/dist/Icon/components/User.js.map

@@ -1 +1 @@
-{"version":3,"file":"User.js","names":[],"sources":["../../../src/Icon/components/User.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport * as React from 'react';\nimport { Ref, forwardRef, memo } from 'react';\ninterface SVGRProps {\n  size?: number | string;\n  title?: string;\n  titleId?: string;\n  desc?: string;\n  descId?: string;\n}\nconst User = (\n  {\n    title,\n    titleId,\n    desc,\n    descId,\n    ...props\n  }: SVGProps<SVGSVGElement> & SVGRProps,\n  ref: Ref<SVGSVGElement>,\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={props.width || props.size || 16}\n    height={props.height || props.size || 16}\n    fill=\"none\"\n    viewBox=\"0 0 100 100\"\n    ref={ref}\n    aria-labelledby={titleId}\n    aria-describedby={descId}\n    {...props}\n  >\n    {desc ? <desc id={descId}>{desc}</desc> : null}\n    {title ? <title id={titleId}>{title}</title> : null}\n    <circle cx={50} cy={50} r={50} fill=\"#F97316\" opacity={0.25} />\n    <path\n      fill=\"#F97316\"\n      fillRule=\"evenodd\"\n      d=\"M62.992 45.79a15.626 15.626 0 1 0-25.986-17.362A15.626 15.626 0 0 0 62.992 45.79ZM50 93.75c13.386 0 25.367-6.011 33.392-15.482C75.594 68.424 63.534 62.11 50 62.11c-13.534 0-25.594 6.315-33.392 16.16C24.633 87.738 36.614 93.75 50 93.75Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(User);\nconst Memo = memo(ForwardRef);\nexport default Memo;\n"],"mappings":";;;AAUA,IAAM,QACJ,EACE,OACA,SACA,MACA,QACA,GAAG,SAEL,QAEA,qBAAC,OAAD;CACE,OAAM;CACN,OAAO,MAAM,SAAS,MAAM,QAAQ;CACpC,QAAQ,MAAM,UAAU,MAAM,QAAQ;CACtC,MAAK;CACL,SAAQ;CACH;CACL,mBAAiB;CACjB,oBAAkB;CAClB,GAAI;WATN;EAWG,OAAO,oBAAC,QAAD;GAAM,IAAI;aAAS;GAAY,CAAA,GAAG;EACzC,QAAQ,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA,GAAG;EAC/C,oBAAC,UAAD;GAAQ,IAAI;GAAI,IAAI;GAAI,GAAG;GAAI,MAAK;GAAU,SAAS;GAAQ,CAAA;EAC/D,oBAAC,QAAD;GACE,MAAK;GACL,UAAS;GACT,GAAE;GACF,UAAS;GACT,CAAA;EACE;;AAGR,IAAM,OAAO,KADM,WAAW,KAAK,CACN"}
+{"version":3,"file":"User.js","names":[],"sources":["../../../src/Icon/components/User.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport * as React from 'react';\nimport { Ref, forwardRef, memo } from 'react';\ninterface SVGRProps {\n  size?: number | string;\n  title?: string;\n  titleId?: string;\n  desc?: string;\n  descId?: string;\n}\nconst User = (\n  {\n    title,\n    titleId,\n    desc,\n    descId,\n    ...props\n  }: SVGProps<SVGSVGElement> & SVGRProps,\n  ref: Ref<SVGSVGElement>,\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={props.width || props.size || 16}\n    height={props.height || props.size || 16}\n    fill=\"none\"\n    viewBox=\"0 0 100 100\"\n    ref={ref}\n    aria-labelledby={titleId}\n    aria-describedby={descId}\n    {...props}\n  >\n    {desc ? <desc id={descId}>{desc}</desc> : null}\n    {title ? <title id={titleId}>{title}</title> : null}\n    <circle\n      cx={50}\n      cy={50}\n      r={50}\n      fill=\"var(--background-warning-muted)\"\n      opacity={0.25}\n    />\n    <path\n      fill=\"var(--content-warning-secondary)\"\n      fillRule=\"evenodd\"\n      d=\"M62.992 45.79a15.626 15.626 0 1 0-25.986-17.362A15.626 15.626 0 0 0 62.992 45.79ZM50 93.75c13.386 0 25.367-6.011 33.392-15.482C75.594 68.424 63.534 62.11 50 62.11c-13.534 0-25.594 6.315-33.392 16.16C24.633 87.738 36.614 93.75 50 93.75Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(User);\nconst Memo = memo(ForwardRef);\nexport default Memo;\n"],"mappings":";;;AAUA,IAAM,QACJ,EACE,OACA,SACA,MACA,QACA,GAAG,SAEL,QAEA,qBAAC,OAAD;CACE,OAAM;CACN,OAAO,MAAM,SAAS,MAAM,QAAQ;CACpC,QAAQ,MAAM,UAAU,MAAM,QAAQ;CACtC,MAAK;CACL,SAAQ;CACH;CACL,mBAAiB;CACjB,oBAAkB;CAClB,GAAI;WATN;EAWG,OAAO,oBAAC,QAAD;GAAM,IAAI;aAAS;GAAY,CAAA,GAAG;EACzC,QAAQ,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA,GAAG;EAC/C,oBAAC,UAAD;GACE,IAAI;GACJ,IAAI;GACJ,GAAG;GACH,MAAK;GACL,SAAS;GACT,CAAA;EACF,oBAAC,QAAD;GACE,MAAK;GACL,UAAS;GACT,GAAE;GACF,UAAS;GACT,CAAA;EACE;;AAGR,IAAM,OAAO,KADM,WAAW,KAAK,CACN"}

package/dist/Icon/components/UserGroup.js

@@ -24,11 +24,11 @@ var UserGroup = ({ title, titleId, desc, descId, ...props }, ref) => /* @__PURE_
 			cx: 50,
 			cy: 50,
 			r: 50,
-			fill: "#6366F1",
+			fill: "var(--background-brand-muted)",
 			opacity: .25
 		}),
 		/* @__PURE__ */ jsx("path", {
-			fill: "#6366F1",
+			fill: "var(--content-brand-secondary)",
 			d: "M68 90.162A43.844 43.844 0 0 1 50 94c-14.145 0-26.732-6.675-34.78-17.047C19.91 68.061 29.246 62 40 62c15.464 0 28 12.536 28 28v.162ZM84.78 76.953a44.255 44.255 0 0 1-9.036 8.733C74.614 76.22 69.81 67.882 62.8 62.138c9.558.949 17.703 6.704 21.982 14.815ZM40 53c8.837 0 16-7.163 16-16s-7.163-16-16-16-16 7.163-16 16 7.163 16 16 16ZM64 37a23.91 23.91 0 0 1-6.001 15.876c.655.082 1.323.124 2.001.124 8.837 0 16-7.163 16-16s-7.163-16-16-16c-.678 0-1.346.042-2.001.124A23.91 23.91 0 0 1 64 37Z"
 		})
 	]

package/dist/Icon/components/UserGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserGroup.js","names":[],"sources":["../../../src/Icon/components/UserGroup.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport * as React from 'react';\nimport { Ref, forwardRef, memo } from 'react';\ninterface SVGRProps {\n  size?: number | string;\n  title?: string;\n  titleId?: string;\n  desc?: string;\n  descId?: string;\n}\nconst UserGroup = (\n  {\n    title,\n    titleId,\n    desc,\n    descId,\n    ...props\n  }: SVGProps<SVGSVGElement> & SVGRProps,\n  ref: Ref<SVGSVGElement>,\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={props.width || props.size || 16}\n    height={props.height || props.size || 16}\n    fill=\"none\"\n    viewBox=\"0 0 100 100\"\n    ref={ref}\n    aria-labelledby={titleId}\n    aria-describedby={descId}\n    {...props}\n  >\n    {desc ? <desc id={descId}>{desc}</desc> : null}\n    {title ? <title id={titleId}>{title}</title> : null}\n    <circle cx={50} cy={50} r={50} fill=\"#6366F1\" opacity={0.25} />\n    <path\n      fill=\"#6366F1\"\n      d=\"M68 90.162A43.844 43.844 0 0 1 50 94c-14.145 0-26.732-6.675-34.78-17.047C19.91 68.061 29.246 62 40 62c15.464 0 28 12.536 28 28v.162ZM84.78 76.953a44.255 44.255 0 0 1-9.036 8.733C74.614 76.22 69.81 67.882 62.8 62.138c9.558.949 17.703 6.704 21.982 14.815ZM40 53c8.837 0 16-7.163 16-16s-7.163-16-16-16-16 7.163-16 16 7.163 16 16 16ZM64 37a23.91 23.91 0 0 1-6.001 15.876c.655.082 1.323.124 2.001.124 8.837 0 16-7.163 16-16s-7.163-16-16-16c-.678 0-1.346.042-2.001.124A23.91 23.91 0 0 1 64 37Z\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(UserGroup);\nconst Memo = memo(ForwardRef);\nexport default Memo;\n"],"mappings":";;;AAUA,IAAM,aACJ,EACE,OACA,SACA,MACA,QACA,GAAG,SAEL,QAEA,qBAAC,OAAD;CACE,OAAM;CACN,OAAO,MAAM,SAAS,MAAM,QAAQ;CACpC,QAAQ,MAAM,UAAU,MAAM,QAAQ;CACtC,MAAK;CACL,SAAQ;CACH;CACL,mBAAiB;CACjB,oBAAkB;CAClB,GAAI;WATN;EAWG,OAAO,oBAAC,QAAD;GAAM,IAAI;aAAS;GAAY,CAAA,GAAG;EACzC,QAAQ,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA,GAAG;EAC/C,oBAAC,UAAD;GAAQ,IAAI;GAAI,IAAI;GAAI,GAAG;GAAI,MAAK;GAAU,SAAS;GAAQ,CAAA;EAC/D,oBAAC,QAAD;GACE,MAAK;GACL,GAAE;GACF,CAAA;EACE;;AAGR,IAAM,OAAO,KADM,WAAW,UAAU,CACX"}
+{"version":3,"file":"UserGroup.js","names":[],"sources":["../../../src/Icon/components/UserGroup.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport * as React from 'react';\nimport { Ref, forwardRef, memo } from 'react';\ninterface SVGRProps {\n  size?: number | string;\n  title?: string;\n  titleId?: string;\n  desc?: string;\n  descId?: string;\n}\nconst UserGroup = (\n  {\n    title,\n    titleId,\n    desc,\n    descId,\n    ...props\n  }: SVGProps<SVGSVGElement> & SVGRProps,\n  ref: Ref<SVGSVGElement>,\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width={props.width || props.size || 16}\n    height={props.height || props.size || 16}\n    fill=\"none\"\n    viewBox=\"0 0 100 100\"\n    ref={ref}\n    aria-labelledby={titleId}\n    aria-describedby={descId}\n    {...props}\n  >\n    {desc ? <desc id={descId}>{desc}</desc> : null}\n    {title ? <title id={titleId}>{title}</title> : null}\n    <circle\n      cx={50}\n      cy={50}\n      r={50}\n      fill=\"var(--background-brand-muted)\"\n      opacity={0.25}\n    />\n    <path\n      fill=\"var(--content-brand-secondary)\"\n      d=\"M68 90.162A43.844 43.844 0 0 1 50 94c-14.145 0-26.732-6.675-34.78-17.047C19.91 68.061 29.246 62 40 62c15.464 0 28 12.536 28 28v.162ZM84.78 76.953a44.255 44.255 0 0 1-9.036 8.733C74.614 76.22 69.81 67.882 62.8 62.138c9.558.949 17.703 6.704 21.982 14.815ZM40 53c8.837 0 16-7.163 16-16s-7.163-16-16-16-16 7.163-16 16 7.163 16 16 16ZM64 37a23.91 23.91 0 0 1-6.001 15.876c.655.082 1.323.124 2.001.124 8.837 0 16-7.163 16-16s-7.163-16-16-16c-.678 0-1.346.042-2.001.124A23.91 23.91 0 0 1 64 37Z\"\n    />\n  </svg>\n);\nconst ForwardRef = forwardRef(UserGroup);\nconst Memo = memo(ForwardRef);\nexport default Memo;\n"],"mappings":";;;AAUA,IAAM,aACJ,EACE,OACA,SACA,MACA,QACA,GAAG,SAEL,QAEA,qBAAC,OAAD;CACE,OAAM;CACN,OAAO,MAAM,SAAS,MAAM,QAAQ;CACpC,QAAQ,MAAM,UAAU,MAAM,QAAQ;CACtC,MAAK;CACL,SAAQ;CACH;CACL,mBAAiB;CACjB,oBAAkB;CAClB,GAAI;WATN;EAWG,OAAO,oBAAC,QAAD;GAAM,IAAI;aAAS;GAAY,CAAA,GAAG;EACzC,QAAQ,oBAAC,SAAD;GAAO,IAAI;aAAU;GAAc,CAAA,GAAG;EAC/C,oBAAC,UAAD;GACE,IAAI;GACJ,IAAI;GACJ,GAAG;GACH,MAAK;GACL,SAAS;GACT,CAAA;EACF,oBAAC,QAAD;GACE,MAAK;GACL,GAAE;GACF,CAAA;EACE;;AAGR,IAAM,OAAO,KADM,WAAW,UAAU,CACX"}

package/dist/Input/components/Input/index.js

@@ -55,7 +55,7 @@ var Input = forwardRef((props, ref) => {
 	}) : showCount ? `${currentValue.length}${maxLength ? `/${maxLength}` : ""}` : null;
 	const compactClasses = compactItemClassnames ? cn(!compactItemClassnames["ald-input-compact-first-item"] && "!tw-rounded-l-none", !compactItemClassnames["ald-input-compact-last-item"] && "!tw-rounded-r-none", !compactItemClassnames["ald-input-compact-first-item"] && "-tw-ml-px") : void 0;
 	return /* @__PURE__ */ jsxs("span", {
-		className: cn("ald-input ant-input-affix-wrapper tw-inline-flex tw-w-full tw-items-center tw-bg-[var(--interaction-background-form-field)]", bordered && "tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]", focused && "ant-input-affix-wrapper-focused tw-border-[var(--interaction-focus-default)]", !mergedDisabled && !focused && "hover:tw-border-[var(--interaction-border-hover)]", `ald-input-${getSizeType(size)}`, size === "small" && "tw-h-7 tw-text-xs", size === "large" && "tw-h-9 tw-text-sm", (size === "middle" || !size) && "tw-h-8 tw-text-sm", status === "error" && `ald-input-error tw-border-[var(--border-negative-strong)]`, status === "warning" && `ald-input-warning tw-border-[var(--border-warning-subtle)]`, mergedDisabled && "ald-input-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]", compactClasses, className),
+		className: cn("ald-input ant-input-affix-wrapper tw-inline-flex tw-w-full tw-items-center tw-bg-[var(--background-default)]", bordered && "tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]", focused && "ant-input-affix-wrapper-focused tw-border-[var(--border-brand-strong)]", !mergedDisabled && !focused && "hover:tw-border-[var(--border-brand-strong)]", `ald-input-${getSizeType(size)}`, size === "small" && "tw-h-7 tw-text-xs", size === "large" && "tw-h-9 tw-text-sm", (size === "middle" || !size) && "tw-h-8 tw-text-sm", status === "error" && `ald-input-error tw-border-[var(--border-negative-strong)]`, status === "warning" && `ald-input-warning tw-border-[var(--border-warning-subtle)]`, mergedDisabled && "ald-input-disabled tw-cursor-not-allowed tw-bg-[var(--background-neutral-on-subtle)] tw-text-[var(--content-secondary)]", compactClasses, className),
 		style: {
 			...style,
 			width
@@ -81,7 +81,7 @@ var Input = forwardRef((props, ref) => {
 				ref: inputRef,
 				id,
 				type: type || "text",
-				className: "tw-min-w-0 tw-flex-1 tw-self-stretch tw-border-0 tw-bg-transparent tw-px-2 tw-text-[var(--content-primary)] tw-text-inherit tw-outline-none",
+				className: "tw-min-w-0 tw-flex-1 tw-self-stretch tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-px-2 tw-text-[var(--content-primary)] tw-text-inherit tw-outline-none",
 				value: currentValue,
 				onChange: handleChange,
 				onBlur: (e) => {
@@ -112,7 +112,7 @@ var Input = forwardRef((props, ref) => {
 				onClick: handleClear,
 				children: /* @__PURE__ */ jsx(Memo, {
 					size: 16,
-					color: "var(--alias-colors-icon-subtle)"
+					color: "var(--content-secondary)"
 				})
 			}),
 			suffix && /* @__PURE__ */ jsx("span", {

package/dist/Input/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Input/components/Input/index.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  forwardRef,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport SizeContext, { SizeType } from '../../../ConfigProvider/sizeContext';\nimport { CloseCircleFill } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { useCompactItemContext } from '../../../Space/CompactContext';\n\ninterface IShowCountProps {\n  formatter: (args: { count: number; maxLength?: number }) => string;\n}\nexport type TSize = SizeType;\nexport type InputRef = HTMLInputElement & {\n  /** antd v4 compat — points to the underlying <input> element */\n  input?: HTMLInputElement | null;\n};\n\ntype ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;\n\nexport interface IInputProps\n  extends Omit<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    | 'size'\n    | 'prefix'\n    | 'value'\n    | 'defaultValue'\n    | 'onChange'\n    | 'disabled'\n    | 'type'\n    | 'max'\n  > {\n  addonAfter?: ReactNode;\n  addonBefore?: ReactNode;\n  size?: TSize;\n  id?: string;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  allowClear?: boolean;\n  disabled?: boolean;\n  showCount?: boolean | IShowCountProps;\n  maxLength?: number;\n  minLength?: number;\n  max?: number;\n  value?: string;\n  defaultValue?: string;\n  onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;\n  onChange?: ChangeEventHandler;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  type?: string;\n  bordered?: boolean;\n  status?: 'error' | 'warning' | '';\n  autoComplete?: string;\n  autoFocus?: boolean;\n  readOnly?: boolean;\n  width?: number | string;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  onCompositionStart?: React.CompositionEventHandler<HTMLInputElement>;\n  onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement>;\n  /** 透传到内部 input 元素的 data-testid，用于自动化测试定位 */\n  'data-testid'?: string;\n  /** 透传到内部 input 元素的 aria-label，用于可访问性与自动化测试定位 */\n  'aria-label'?: string;\n}\n\nexport function getSizeType(sizeType: TSize): TSize {\n  if (['small', 'middle', 'large'].includes(sizeType || '')) {\n    return sizeType;\n  }\n  return 'middle';\n}\n\nconst Input = forwardRef<InputRef, IInputProps>((props, ref) => {\n  const {\n    size: customSize,\n    className,\n    bordered = true,\n    status,\n    disabled,\n    allowClear,\n    prefix,\n    suffix,\n    addonBefore,\n    addonAfter,\n    showCount,\n    maxLength,\n    minLength,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onPressEnter,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    placeholder,\n    type,\n    id,\n    autoComplete = 'off',\n    autoFocus,\n    readOnly,\n    width,\n    style,\n    'data-testid': dataTestid,\n    'aria-label': ariaLabel,\n    ...restInputProps\n  } = props;\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const { compactSize, compactItemClassnames } =\n    useCompactItemContext('ald-input');\n  const size = customSize || compactSize || contentSize || 'middle';\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState(defaultValue ?? '');\n  const currentValue = isControlled ? controlledValue ?? '' : innerValue;\n  const [focused, setFocused] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  React.useImperativeHandle(ref, () => {\n    const el = inputRef.current!;\n    // Expose .input for antd v4 compat (ref.current.input.focus())\n    (el as InputRef).input = el;\n    return el as InputRef;\n  });\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) setInnerValue(e.target.value);\n    onChange?.(e);\n  };\n\n  const handleClear = () => {\n    const nativeEvent = new Event('input', { bubbles: true });\n    if (inputRef.current) {\n      const nativeSetter = Object.getOwnPropertyDescriptor(\n        HTMLInputElement.prototype,\n        'value',\n      )?.set;\n      nativeSetter?.call(inputRef.current, '');\n      inputRef.current.dispatchEvent(nativeEvent);\n    }\n    if (!isControlled) setInnerValue('');\n    onChange?.({\n      target: { value: '' },\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') onPressEnter?.(e);\n    onKeyDown?.(e);\n  };\n\n  const showClearIcon = allowClear && currentValue && !mergedDisabled;\n\n  const countInfo =\n    showCount && typeof showCount === 'object'\n      ? showCount.formatter({\n          count: currentValue.length,\n          maxLength,\n        })\n      : showCount\n      ? `${currentValue.length}${maxLength ? `/${maxLength}` : ''}`\n      : null;\n\n  // Build compact-mode border-radius and margin overrides\n  const compactClasses = compactItemClassnames\n    ? cn(\n        !compactItemClassnames['ald-input-compact-first-item'] &&\n          '!tw-rounded-l-none',\n        !compactItemClassnames['ald-input-compact-last-item'] &&\n          '!tw-rounded-r-none',\n        !compactItemClassnames['ald-input-compact-first-item'] && '-tw-ml-px',\n      )\n    : undefined;\n\n  return (\n    <span\n      className={cn(\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ald-input ant-input-affix-wrapper tw-inline-flex tw-w-full tw-items-center tw-bg-[var(--interaction-background-form-field)]',\n        bordered &&\n          'tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]',\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        // focus 仅变 border-color，不加额外 box-shadow/outline。\n        // 消费方通过 CSS 将 border 设为 0 后 focus 高亮自然消失，和 antd 行为一致。\n        focused &&\n          'ant-input-affix-wrapper-focused tw-border-[var(--interaction-focus-default)]',\n        !mergedDisabled &&\n          !focused &&\n          'hover:tw-border-[var(--interaction-border-hover)]',\n        `ald-input-${getSizeType(size)}`,\n        size === 'small' && 'tw-h-7 tw-text-xs',\n        size === 'large' && 'tw-h-9 tw-text-sm',\n        (size === 'middle' || !size) && 'tw-h-8 tw-text-sm',\n        status === 'error' &&\n          `ald-input-error tw-border-[var(--border-negative-strong)]`,\n        status === 'warning' &&\n          `ald-input-warning tw-border-[var(--border-warning-subtle)]`,\n        mergedDisabled &&\n          'ald-input-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]',\n        compactClasses,\n        className,\n      )}\n      style={{\n        ...style,\n        width,\n      }}\n      onMouseDown={(e) => {\n        // 点击 wrapper 非 input 区域时：\n        // 如果 input 已聚焦 → preventDefault 防止点击 wrapper 导致丢焦\n        // 如果 input 未聚焦 → 不阻止默认行为，让浏览器正常处理 blur 上一个元素\n        if (e.target !== inputRef.current) {\n          if (document.activeElement === inputRef.current) {\n            e.preventDefault();\n          }\n        }\n      }}\n      onMouseUp={(e) => {\n        // 在 mouseUp 时将焦点转发给内部 input（兼容 prefix/suffix/padding 区域的点击）\n        if (e.target !== inputRef.current && inputRef.current) {\n          inputRef.current.focus();\n        }\n      }}\n    >\n      {addonBefore && (\n        <span className=\"ald-input-addon tw-flex tw-shrink-0 tw-items-center tw-self-stretch tw-border-r tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]\">\n          {addonBefore}\n        </span>\n      )}\n      {/* antd 兼容：保留 ant-input-prefix class，消费方 CSS 可能依赖该选择器 */}\n      {prefix && (\n        <span className=\"ald-input-prefix ant-input-prefix tw-flex tw-items-center tw-pl-2 tw-text-[var(--content-secondary)]\">\n          {prefix}\n        </span>\n      )}\n      <input\n        ref={inputRef}\n        id={id}\n        type={type || 'text'}\n        className=\"tw-min-w-0 tw-flex-1 tw-self-stretch tw-border-0 tw-bg-transparent tw-px-2 tw-text-[var(--content-primary)] tw-text-inherit tw-outline-none\"\n        value={currentValue}\n        onChange={handleChange}\n        onBlur={(e) => {\n          setFocused(false);\n          onBlur?.(e);\n        }}\n        onFocus={(e) => {\n          setFocused(true);\n          onFocus?.(e);\n        }}\n        onKeyDown={handleKeyDown}\n        onCompositionStart={onCompositionStart}\n        onCompositionEnd={onCompositionEnd}\n        disabled={mergedDisabled}\n        placeholder={placeholder}\n        maxLength={maxLength}\n        minLength={minLength}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        readOnly={readOnly}\n        spellCheck={false}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n        {...restInputProps}\n      />\n      {showClearIcon && (\n        <span\n          // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n          className=\"ald-input-clear ant-input-clear-icon tw-flex tw-cursor-pointer tw-items-center tw-pr-1\"\n          onClick={handleClear}\n        >\n          <CloseCircleFill size={16} color=\"var(--alias-colors-icon-subtle)\" />\n        </span>\n      )}\n      {/* antd 兼容：保留 ant-input-suffix class，消费方 CSS 可能依赖该选择器 */}\n      {suffix && (\n        <span className=\"ald-input-suffix ant-input-suffix tw-flex tw-items-center tw-pr-2 tw-text-[var(--content-secondary)]\">\n          {suffix}\n        </span>\n      )}\n      {countInfo && (\n        <span className=\"ald-input-count tw-pr-2 tw-text-xs tw-text-[var(--content-tertiary)]\">\n          {countInfo}\n        </span>\n      )}\n      {addonAfter && (\n        <span className=\"ald-input-addon tw-border-l tw-border-solid tw-border-[var(--border-default)] tw-px-2 tw-text-[var(--content-secondary)]\">\n          {addonAfter}\n        </span>\n      )}\n    </span>\n  );\n});\n\nexport default Input;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Input/components/Input/index.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  forwardRef,\n  useContext,\n  useRef,\n  useState,\n} from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport SizeContext, { SizeType } from '../../../ConfigProvider/sizeContext';\nimport { CloseCircleFill } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { useCompactItemContext } from '../../../Space/CompactContext';\n\ninterface IShowCountProps {\n  formatter: (args: { count: number; maxLength?: number }) => string;\n}\nexport type TSize = SizeType;\nexport type InputRef = HTMLInputElement & {\n  /** antd v4 compat — points to the underlying <input> element */\n  input?: HTMLInputElement | null;\n};\n\ntype ChangeEventHandler = (e: React.ChangeEvent<HTMLInputElement>) => void;\n\nexport interface IInputProps\n  extends Omit<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    | 'size'\n    | 'prefix'\n    | 'value'\n    | 'defaultValue'\n    | 'onChange'\n    | 'disabled'\n    | 'type'\n    | 'max'\n  > {\n  addonAfter?: ReactNode;\n  addonBefore?: ReactNode;\n  size?: TSize;\n  id?: string;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  allowClear?: boolean;\n  disabled?: boolean;\n  showCount?: boolean | IShowCountProps;\n  maxLength?: number;\n  minLength?: number;\n  max?: number;\n  value?: string;\n  defaultValue?: string;\n  onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;\n  onChange?: ChangeEventHandler;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  type?: string;\n  bordered?: boolean;\n  status?: 'error' | 'warning' | '';\n  autoComplete?: string;\n  autoFocus?: boolean;\n  readOnly?: boolean;\n  width?: number | string;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  onCompositionStart?: React.CompositionEventHandler<HTMLInputElement>;\n  onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement>;\n  /** 透传到内部 input 元素的 data-testid，用于自动化测试定位 */\n  'data-testid'?: string;\n  /** 透传到内部 input 元素的 aria-label，用于可访问性与自动化测试定位 */\n  'aria-label'?: string;\n}\n\nexport function getSizeType(sizeType: TSize): TSize {\n  if (['small', 'middle', 'large'].includes(sizeType || '')) {\n    return sizeType;\n  }\n  return 'middle';\n}\n\nconst Input = forwardRef<InputRef, IInputProps>((props, ref) => {\n  const {\n    size: customSize,\n    className,\n    bordered = true,\n    status,\n    disabled,\n    allowClear,\n    prefix,\n    suffix,\n    addonBefore,\n    addonAfter,\n    showCount,\n    maxLength,\n    minLength,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onPressEnter,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    placeholder,\n    type,\n    id,\n    autoComplete = 'off',\n    autoFocus,\n    readOnly,\n    width,\n    style,\n    'data-testid': dataTestid,\n    'aria-label': ariaLabel,\n    ...restInputProps\n  } = props;\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const { compactSize, compactItemClassnames } =\n    useCompactItemContext('ald-input');\n  const size = customSize || compactSize || contentSize || 'middle';\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState(defaultValue ?? '');\n  const currentValue = isControlled ? controlledValue ?? '' : innerValue;\n  const [focused, setFocused] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  React.useImperativeHandle(ref, () => {\n    const el = inputRef.current!;\n    // Expose .input for antd v4 compat (ref.current.input.focus())\n    (el as InputRef).input = el;\n    return el as InputRef;\n  });\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) setInnerValue(e.target.value);\n    onChange?.(e);\n  };\n\n  const handleClear = () => {\n    const nativeEvent = new Event('input', { bubbles: true });\n    if (inputRef.current) {\n      const nativeSetter = Object.getOwnPropertyDescriptor(\n        HTMLInputElement.prototype,\n        'value',\n      )?.set;\n      nativeSetter?.call(inputRef.current, '');\n      inputRef.current.dispatchEvent(nativeEvent);\n    }\n    if (!isControlled) setInnerValue('');\n    onChange?.({\n      target: { value: '' },\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') onPressEnter?.(e);\n    onKeyDown?.(e);\n  };\n\n  const showClearIcon = allowClear && currentValue && !mergedDisabled;\n\n  const countInfo =\n    showCount && typeof showCount === 'object'\n      ? showCount.formatter({\n          count: currentValue.length,\n          maxLength,\n        })\n      : showCount\n      ? `${currentValue.length}${maxLength ? `/${maxLength}` : ''}`\n      : null;\n\n  // Build compact-mode border-radius and margin overrides\n  const compactClasses = compactItemClassnames\n    ? cn(\n        !compactItemClassnames['ald-input-compact-first-item'] &&\n          '!tw-rounded-l-none',\n        !compactItemClassnames['ald-input-compact-last-item'] &&\n          '!tw-rounded-r-none',\n        !compactItemClassnames['ald-input-compact-first-item'] && '-tw-ml-px',\n      )\n    : undefined;\n\n  return (\n    <span\n      className={cn(\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ald-input ant-input-affix-wrapper tw-inline-flex tw-w-full tw-items-center tw-bg-[var(--background-default)]',\n        bordered &&\n          'tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]',\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        // focus 仅变 border-color，不加额外 box-shadow/outline。\n        // 消费方通过 CSS 将 border 设为 0 后 focus 高亮自然消失，和 antd 行为一致。\n        focused &&\n          'ant-input-affix-wrapper-focused tw-border-[var(--border-brand-strong)]',\n        !mergedDisabled &&\n          !focused &&\n          'hover:tw-border-[var(--border-brand-strong)]',\n        `ald-input-${getSizeType(size)}`,\n        size === 'small' && 'tw-h-7 tw-text-xs',\n        size === 'large' && 'tw-h-9 tw-text-sm',\n        (size === 'middle' || !size) && 'tw-h-8 tw-text-sm',\n        status === 'error' &&\n          `ald-input-error tw-border-[var(--border-negative-strong)]`,\n        status === 'warning' &&\n          `ald-input-warning tw-border-[var(--border-warning-subtle)]`,\n        mergedDisabled &&\n          'ald-input-disabled tw-cursor-not-allowed tw-bg-[var(--background-neutral-on-subtle)] tw-text-[var(--content-secondary)]',\n        compactClasses,\n        className,\n      )}\n      style={{\n        ...style,\n        width,\n      }}\n      onMouseDown={(e) => {\n        // 点击 wrapper 非 input 区域时：\n        // 如果 input 已聚焦 → preventDefault 防止点击 wrapper 导致丢焦\n        // 如果 input 未聚焦 → 不阻止默认行为，让浏览器正常处理 blur 上一个元素\n        if (e.target !== inputRef.current) {\n          if (document.activeElement === inputRef.current) {\n            e.preventDefault();\n          }\n        }\n      }}\n      onMouseUp={(e) => {\n        // 在 mouseUp 时将焦点转发给内部 input（兼容 prefix/suffix/padding 区域的点击）\n        if (e.target !== inputRef.current && inputRef.current) {\n          inputRef.current.focus();\n        }\n      }}\n    >\n      {addonBefore && (\n        <span className=\"ald-input-addon tw-flex tw-shrink-0 tw-items-center tw-self-stretch tw-border-r tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]\">\n          {addonBefore}\n        </span>\n      )}\n      {/* antd 兼容：保留 ant-input-prefix class，消费方 CSS 可能依赖该选择器 */}\n      {prefix && (\n        <span className=\"ald-input-prefix ant-input-prefix tw-flex tw-items-center tw-pl-2 tw-text-[var(--content-secondary)]\">\n          {prefix}\n        </span>\n      )}\n      <input\n        ref={inputRef}\n        id={id}\n        type={type || 'text'}\n        className=\"tw-min-w-0 tw-flex-1 tw-self-stretch tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-px-2 tw-text-[var(--content-primary)] tw-text-inherit tw-outline-none\"\n        value={currentValue}\n        onChange={handleChange}\n        onBlur={(e) => {\n          setFocused(false);\n          onBlur?.(e);\n        }}\n        onFocus={(e) => {\n          setFocused(true);\n          onFocus?.(e);\n        }}\n        onKeyDown={handleKeyDown}\n        onCompositionStart={onCompositionStart}\n        onCompositionEnd={onCompositionEnd}\n        disabled={mergedDisabled}\n        placeholder={placeholder}\n        maxLength={maxLength}\n        minLength={minLength}\n        autoComplete={autoComplete}\n        autoFocus={autoFocus}\n        readOnly={readOnly}\n        spellCheck={false}\n        data-testid={dataTestid}\n        aria-label={ariaLabel}\n        {...restInputProps}\n      />\n      {showClearIcon && (\n        <span\n          // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n          className=\"ald-input-clear ant-input-clear-icon tw-flex tw-cursor-pointer tw-items-center tw-pr-1\"\n          onClick={handleClear}\n        >\n          <CloseCircleFill size={16} color=\"var(--content-secondary)\" />\n        </span>\n      )}\n      {/* antd 兼容：保留 ant-input-suffix class，消费方 CSS 可能依赖该选择器 */}\n      {suffix && (\n        <span className=\"ald-input-suffix ant-input-suffix tw-flex tw-items-center tw-pr-2 tw-text-[var(--content-secondary)]\">\n          {suffix}\n        </span>\n      )}\n      {countInfo && (\n        <span className=\"ald-input-count tw-pr-2 tw-text-xs tw-text-[var(--content-tertiary)]\">\n          {countInfo}\n        </span>\n      )}\n      {addonAfter && (\n        <span className=\"ald-input-addon tw-border-l tw-border-solid tw-border-[var(--border-default)] tw-px-2 tw-text-[var(--content-secondary)]\">\n          {addonAfter}\n        </span>\n      )}\n    </span>\n  );\n});\n\nexport default Input;\n"],"mappings":"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"}

package/dist/Input/components/TextArea/index.js

@@ -33,12 +33,12 @@ var TextArea_default = forwardRef((props, ref) => {
 	const minRows = typeof autoSize === "object" ? autoSize.minRows : void 0;
 	const maxRows = typeof autoSize === "object" ? autoSize.maxRows : void 0;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-input ald-input-textarea tw-relative", `ald-input-textarea-${getSizeType(size)}`, isBordered && "tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-default)]", mergedDisabled && "ald-input-disabled tw-opacity-50", className),
+		className: cn("ald-input ald-input-textarea tw-relative", `ald-input-textarea-${getSizeType(size)}`, isBordered && "tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]", mergedDisabled && "ald-input-disabled tw-opacity-50", className),
 		style,
 		children: [
 			/* @__PURE__ */ jsx("textarea", {
 				ref: textareaRef,
-				className: "tw-w-full tw-resize-y tw-border-0 tw-bg-transparent tw-px-3 tw-py-2 tw-text-sm tw-text-[var(--content-primary)] tw-outline-none",
+				className: "tw-w-full tw-resize-y tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-px-3 tw-py-2 tw-text-sm tw-text-[var(--content-primary)] tw-outline-none",
 				value: currentValue,
 				onChange: handleChange,
 				onBlur,
@@ -63,7 +63,7 @@ var TextArea_default = forwardRef((props, ref) => {
 				onClick: handleClear,
 				children: /* @__PURE__ */ jsx(Memo, {
 					size: 16,
-					color: "var(--alias-colors-icon-subtle)"
+					color: "var(--content-secondary)"
 				})
 			}),
 			showCount && /* @__PURE__ */ jsx("div", {