@g4rcez/components 3.0.2 → 4.0.1

package/dist/Warning.es-D_eI6tLe.js

@@ -0,0 +1,39 @@
+import * as a from "react";
+import { p as l } from "./IconBase.es-DJ1oCtpo.js";
+const n = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M240.26,186.1,152.81,34.23h0a28.74,28.74,0,0,0-49.62,0L15.74,186.1a27.45,27.45,0,0,0,0,27.71A28.31,28.31,0,0,0,40.55,228h174.9a28.31,28.31,0,0,0,24.79-14.19A27.45,27.45,0,0,0,240.26,186.1Zm-20.8,15.7a4.46,4.46,0,0,1-4,2.2H40.55a4.46,4.46,0,0,1-4-2.2,3.56,3.56,0,0,1,0-3.73L124,46.2a4.77,4.77,0,0,1,8,0l87.44,151.87A3.56,3.56,0,0,1,219.46,201.8ZM116,136V104a12,12,0,0,1,24,0v32a12,12,0,0,1-24,0Zm28,40a16,16,0,1,1-16-16A16,16,0,0,1,144,176Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
+      "path",
+      {
+        d: "M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ a.createElement("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M235.07,189.09,147.61,37.22h0a22.75,22.75,0,0,0-39.22,0L20.93,189.09a21.53,21.53,0,0,0,0,21.72A22.35,22.35,0,0,0,40.55,222h174.9a22.35,22.35,0,0,0,19.6-11.19A21.53,21.53,0,0,0,235.07,189.09ZM224.66,204.8a10.46,10.46,0,0,1-9.21,5.2H40.55a10.46,10.46,0,0,1-9.21-5.2,9.51,9.51,0,0,1,0-9.72L118.79,43.21a10.75,10.75,0,0,1,18.42,0l87.46,151.87A9.51,9.51,0,0,1,224.66,204.8ZM122,144V104a6,6,0,0,1,12,0v40a6,6,0,0,1-12,0Zm16,36a10,10,0,1,1-10-10A10,10,0,0,1,138,180Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M233.34,190.09,145.88,38.22h0a20.75,20.75,0,0,0-35.76,0L22.66,190.09a19.52,19.52,0,0,0,0,19.71A20.36,20.36,0,0,0,40.54,220H215.46a20.36,20.36,0,0,0,17.86-10.2A19.52,19.52,0,0,0,233.34,190.09ZM226.4,205.8a12.47,12.47,0,0,1-10.94,6.2H40.54a12.47,12.47,0,0,1-10.94-6.2,11.45,11.45,0,0,1,0-11.72L117.05,42.21a12.76,12.76,0,0,1,21.9,0L226.4,194.08A11.45,11.45,0,0,1,226.4,205.8ZM124,144V104a4,4,0,0,1,8,0v40a4,4,0,0,1-8,0Zm12,36a8,8,0,1,1-8-8A8,8,0,0,1,136,180Z" }))
+  ]
+]), m = a.forwardRef((e, t) => /* @__PURE__ */ a.createElement(l, { ref: t, ...e, weights: n }));
+m.displayName = "WarningIcon";
+export {
+  m as r
+};
+//# sourceMappingURL=Warning.es-D_eI6tLe.js.map

package/dist/Warning.es-D_eI6tLe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Warning.es-D_eI6tLe.js","sources":["../../../node_modules/@phosphor-icons/react/dist/defs/Warning.es.js","../../../node_modules/@phosphor-icons/react/dist/csr/Warning.es.js"],"sourcesContent":["import * as a from \"react\";\nconst e = /* @__PURE__ */ new Map([\n  [\n    \"bold\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M240.26,186.1,152.81,34.23h0a28.74,28.74,0,0,0-49.62,0L15.74,186.1a27.45,27.45,0,0,0,0,27.71A28.31,28.31,0,0,0,40.55,228h174.9a28.31,28.31,0,0,0,24.79-14.19A27.45,27.45,0,0,0,240.26,186.1Zm-20.8,15.7a4.46,4.46,0,0,1-4,2.2H40.55a4.46,4.46,0,0,1-4-2.2,3.56,3.56,0,0,1,0-3.73L124,46.2a4.77,4.77,0,0,1,8,0l87.44,151.87A3.56,3.56,0,0,1,219.46,201.8ZM116,136V104a12,12,0,0,1,24,0v32a12,12,0,0,1-24,0Zm28,40a16,16,0,1,1-16-16A16,16,0,0,1,144,176Z\" }))\n  ],\n  [\n    \"duotone\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\n      \"path\",\n      {\n        d: \"M215.46,216H40.54C27.92,216,20,202.79,26.13,192.09L113.59,40.22c6.3-11,22.52-11,28.82,0l87.46,151.87C236,202.79,228.08,216,215.46,216Z\",\n        opacity: \"0.2\"\n      }\n    ), /* @__PURE__ */ a.createElement(\"path\", { d: \"M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z\" }))\n  ],\n  [\n    \"fill\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM120,104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm8,88a12,12,0,1,1,12-12A12,12,0,0,1,128,192Z\" }))\n  ],\n  [\n    \"light\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M235.07,189.09,147.61,37.22h0a22.75,22.75,0,0,0-39.22,0L20.93,189.09a21.53,21.53,0,0,0,0,21.72A22.35,22.35,0,0,0,40.55,222h174.9a22.35,22.35,0,0,0,19.6-11.19A21.53,21.53,0,0,0,235.07,189.09ZM224.66,204.8a10.46,10.46,0,0,1-9.21,5.2H40.55a10.46,10.46,0,0,1-9.21-5.2,9.51,9.51,0,0,1,0-9.72L118.79,43.21a10.75,10.75,0,0,1,18.42,0l87.46,151.87A9.51,9.51,0,0,1,224.66,204.8ZM122,144V104a6,6,0,0,1,12,0v40a6,6,0,0,1-12,0Zm16,36a10,10,0,1,1-10-10A10,10,0,0,1,138,180Z\" }))\n  ],\n  [\n    \"regular\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z\" }))\n  ],\n  [\n    \"thin\",\n    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(\"path\", { d: \"M233.34,190.09,145.88,38.22h0a20.75,20.75,0,0,0-35.76,0L22.66,190.09a19.52,19.52,0,0,0,0,19.71A20.36,20.36,0,0,0,40.54,220H215.46a20.36,20.36,0,0,0,17.86-10.2A19.52,19.52,0,0,0,233.34,190.09ZM226.4,205.8a12.47,12.47,0,0,1-10.94,6.2H40.54a12.47,12.47,0,0,1-10.94-6.2,11.45,11.45,0,0,1,0-11.72L117.05,42.21a12.76,12.76,0,0,1,21.9,0L226.4,194.08A11.45,11.45,0,0,1,226.4,205.8ZM124,144V104a4,4,0,0,1,8,0v40a4,4,0,0,1-8,0Zm12,36a8,8,0,1,1-8-8A8,8,0,0,1,136,180Z\" }))\n  ]\n]);\nexport {\n  e as default\n};\n","import * as o from \"react\";\nimport e from \"../lib/IconBase.es.js\";\nimport t from \"../defs/Warning.es.js\";\nconst r = o.forwardRef((n, a) => /* @__PURE__ */ o.createElement(e, { ref: a, ...n, weights: t }));\nr.displayName = \"WarningIcon\";\nconst c = r;\nexport {\n  c as Warning,\n  r as WarningIcon\n};\n"],"names":["e","r","o","n","a","t"],"mappings":";;AACA,MAAMA,IAAoB,oBAAI,IAAI;AAAA,EAChC;AAAA,IACE;AAAA,IACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,0bAAyb,CAAE,CAAC;AAAA,EAC/hB;AAAA,EACE;AAAA,IACE;AAAA,IACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE;AAAA,MAClE;AAAA,MACA;AAAA,QACE,GAAG;AAAA,QACH,SAAS;AAAA,MACjB;AAAA,IACA,GAAuB,kBAAE,cAAc,QAAQ,EAAE,GAAG,8bAA6b,CAAE,CAAC;AAAA,EACpf;AAAA,EACE;AAAA,IACE;AAAA,IACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,oRAAmR,CAAE,CAAC;AAAA,EACzX;AAAA,EACE;AAAA,IACE;AAAA,IACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,8cAA6c,CAAE,CAAC;AAAA,EACnjB;AAAA,EACE;AAAA,IACE;AAAA,IACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,8bAA6b,CAAE,CAAC;AAAA,EACniB;AAAA,EACE;AAAA,IACE;AAAA,IACgB,kBAAE,cAAc,EAAE,UAAU,MAAsB,kBAAE,cAAc,QAAQ,EAAE,GAAG,2cAA0c,CAAE,CAAC;AAAA,EAChjB;AACA,CAAC,GC7BKC,IAAIC,EAAE,WAAW,CAACC,GAAGC,MAAsBF,kBAAE,cAAcF,GAAG,EAAE,KAAKI,GAAG,GAAGD,GAAG,SAASE,GAAG,CAAC;AACjGJ,EAAE,cAAc;","x_google_ignoreList":[0,1]}

package/dist/X.es-BJ1O93El.js

@@ -0,0 +1,39 @@
+import * as e from "react";
+import { p as l } from "./IconBase.es-DJ1oCtpo.js";
+const n = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
+  ]
+]), r = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(l, { ref: t, ...a, weights: n }));
+r.displayName = "XIcon";
+export {
+  r as e
+};
+//# sourceMappingURL=X.es-BJ1O93El.js.map

package/dist/X.es-BJ1O93El.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.es-BJ1O93El.js","sources":["../../../node_modules/@phosphor-icons/react/dist/defs/X.es.js","../../../node_modules/@phosphor-icons/react/dist/csr/X.es.js"],"sourcesContent":["import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n  [\n    \"bold\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z\" }))\n  ],\n  [\n    \"duotone\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\n      \"path\",\n      {\n        d: \"M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z\",\n        opacity: \"0.2\"\n      }\n    ), /* @__PURE__ */ e.createElement(\"path\", { d: \"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z\" }))\n  ],\n  [\n    \"fill\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z\" }))\n  ],\n  [\n    \"light\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z\" }))\n  ],\n  [\n    \"regular\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z\" }))\n  ],\n  [\n    \"thin\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z\" }))\n  ]\n]);\nexport {\n  a as default\n};\n","import * as o from \"react\";\nimport a from \"../lib/IconBase.es.js\";\nimport m from \"../defs/X.es.js\";\nconst e = o.forwardRef((r, t) => /* @__PURE__ */ o.createElement(a, { ref: t, ...r, weights: m }));\ne.displayName = \"XIcon\";\nconst n = e;\nexport {\n  n as X,\n  e as XIcon\n};\n"],"names":["a","e","o","r","m"],"mappings":";;AACA,MAAMA,IAAoB,oBAAI,IAAI;AAAA,EAChC;AAAA,IACE;AAAA,IACgBC,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,+JAA8J,CAAE,CAAC;AAAA,EACpQ;AAAA,EACE;AAAA,IACE;AAAA,IACgBA,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE;AAAA,MAClE;AAAA,MACA;AAAA,QACE,GAAG;AAAA,QACH,SAAS;AAAA,MACjB;AAAA,IACA,GAAuBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,2LAA0L,CAAE,CAAC;AAAA,EACjP;AAAA,EACE;AAAA,IACE;AAAA,IACgBA,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,0RAAyR,CAAE,CAAC;AAAA,EAC/X;AAAA,EACE;AAAA,IACE;AAAA,IACgBA,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,mLAAkL,CAAE,CAAC;AAAA,EACxR;AAAA,EACE;AAAA,IACE;AAAA,IACgBA,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,2LAA0L,CAAE,CAAC;AAAA,EAChS;AAAA,EACE;AAAA,IACE;AAAA,IACgBA,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,mLAAkL,CAAE,CAAC;AAAA,EACxR;AACA,CAAC,GC7BKA,IAAIC,EAAE,WAAW,CAACC,GAAG,MAAsBD,gBAAAA,EAAE,cAAcF,GAAG,EAAE,KAAK,GAAG,GAAGG,GAAG,SAASC,GAAG,CAAC;AACjGH,EAAE,cAAc;","x_google_ignoreList":[0,1]}

package/dist/ai/docs/Alert.md

@@ -83,7 +83,7 @@ Each theme maps to a set of `bg-alert-{theme}-*` tokens and provides default ico
 ### With Custom Icon
 
 ```tsx
-import { BellIcon } from "lucide-react";
+import { BellIcon } from "@phosphor-icons/react";
 
 <Alert theme="info" title="Notification" Icon={<BellIcon size={20} />}>
   You have new messages.

package/dist/ai/docs/AnimatedList.md

@@ -90,7 +90,7 @@ export function TeamList() {
 
 ```tsx
 import { AnimatedList, AnimatedListItem } from "@g4rcez/components";
-import { UserCircleIcon } from "lucide-react";
+import { UserCircleIcon } from "@phosphor-icons/react";
 
 export function UserDirectory() {
   return (
@@ -142,11 +142,11 @@ export function OrderList({ orders }: { orders: Order[] }) {
 
 ```tsx
 import { AnimatedList, AnimatedListItem } from "@g4rcez/components";
-import { BellIcon, CheckCircleIcon, AlertTriangleIcon } from "lucide-react";
+import { BellIcon, CheckCircleIcon, WarningIcon } from "@phosphor-icons/react";
 
 const activities = [
   { id: "a1", icon: <CheckCircleIcon size={20} className="text-success" />, title: "Deployment succeeded", description: "2 minutes ago", detail: "All 3 services started." },
-  { id: "a2", icon: <AlertTriangleIcon size={20} className="text-warn" />, title: "High memory usage", description: "15 minutes ago", detail: "Instance i-0ab2c was at 91%." },
+  { id: "a2", icon: <WarningIcon size={20} className="text-warn" />, title: "High memory usage", description: "15 minutes ago", detail: "Instance i-0ab2c was at 91%." },
 ];
 
 export function ActivityFeed() {

package/dist/ai/docs/Button.md

@@ -105,7 +105,7 @@ Transparent background with colored text; shows a tinted background on hover.
 ### With Icons
 
 ```tsx
-import { PlusIcon } from "lucide-react";
+import { PlusIcon } from "@phosphor-icons/react";
 
 <Button icon={<PlusIcon size={16} />}>Add Item</Button>
 

package/dist/ai/docs/CommandPalette.md

@@ -30,7 +30,7 @@ import { CommandPalette } from "@g4rcez/components";
 | `footer` | `React.ReactElement` | — | Custom footer content |
 | `onChangeText` | `(text: string) => void` | — | Search text change handler |
 | `Preview` | `React.FC<{ command: CommandItemTypes; text: string }>` | — | Preview panel component for the active command |
-| `Icon` | `React.FC<LucideProps & { text: string; Default: React.FC<LucideProps> }>` | — | Custom search icon |
+| `Icon` | `React.FC<IconProps & { text: string; Default: React.FC<IconProps> }>` | — | Custom search icon |
 
 ## Command Types
 
@@ -81,7 +81,7 @@ Tokens this component reads. Customize by overriding these CSS variables in your
 
 ```tsx
 import { useState } from "react";
-import { FileTextIcon, SaveIcon, FolderOpenIcon } from "lucide-react";
+import { FileTextIcon, FloppyDiskIcon, FolderOpenIcon } from "@phosphor-icons/react";
 import { CommandPalette } from "@g4rcez/components";
 
 function BasicCommandPalette() {
@@ -102,7 +102,7 @@ function BasicCommandPalette() {
       type: "shortcut" as const,
       title: "Save Document",
       shortcut: "Ctrl+S",
-      Icon: <SaveIcon size={16} />,
+      Icon: <FloppyDiskIcon size={16} />,
       action: ({ setOpen }) => {
         console.log("Saving document");
         setOpen(false);
@@ -133,7 +133,7 @@ function BasicCommandPalette() {
 ### Grouped Commands
 
 ```tsx
-import { FileIcon, FolderOpenIcon, HomeIcon, SettingsIcon, MoonIcon } from "lucide-react";
+import { FileIcon, FolderOpenIcon, HouseIcon, GearIcon, MoonIcon } from "@phosphor-icons/react";
 import { CommandPalette } from "@g4rcez/components";
 
 function GroupedCommandPalette() {
@@ -170,7 +170,7 @@ function GroupedCommandPalette() {
           type: "shortcut" as const,
           title: "Go to Dashboard",
           hint: ["dashboard", "home", "main"],
-          Icon: <HomeIcon size={16} />,
+          Icon: <HouseIcon size={16} />,
           action: ({ setOpen }) => {
             window.location.href = "/dashboard";
             setOpen(false);
@@ -180,7 +180,7 @@ function GroupedCommandPalette() {
           type: "shortcut" as const,
           title: "Go to Settings",
           hint: ["settings", "preferences", "config"],
-          Icon: <SettingsIcon size={16} />,
+          Icon: <GearIcon size={16} />,
           action: ({ setOpen }) => {
             window.location.href = "/settings";
             setOpen(false);
@@ -231,7 +231,7 @@ function GroupedCommandPalette() {
 ### Conditional Commands
 
 ```tsx
-import { UserIcon, ShieldIcon } from "lucide-react";
+import { UserIcon, ShieldIcon } from "@phosphor-icons/react";
 
 const commands = [
   {

package/dist/ai/docs/Dropdown.md

@@ -77,7 +77,7 @@ function SimpleDropdown() {
 ### Dropdown with Title and Arrow
 
 ```tsx
-import { UserIcon, ChevronDownIcon } from "lucide-react";
+import { UserIcon, CaretDownIcon } from "@phosphor-icons/react";
 import { Dropdown } from "@g4rcez/components/dropdown";
 
 function AccountDropdown() {
@@ -87,7 +87,7 @@ function AccountDropdown() {
         <button className="flex items-center gap-2 px-3 py-2 rounded-button border border-border text-foreground">
           <UserIcon size={16} />
           Account
-          <ChevronDownIcon size={16} />
+          <CaretDownIcon size={16} />
         </button>
       }
       title="Account Options"
@@ -145,7 +145,7 @@ function ControlledDropdown() {
 ### Filter Dropdown with Form Content
 
 ```tsx
-import { FilterIcon } from "lucide-react";
+import { FunnelIcon } from "@phosphor-icons/react";
 import { Dropdown } from "@g4rcez/components/dropdown";
 
 function FilterDropdown() {
@@ -155,7 +155,7 @@ function FilterDropdown() {
     <Dropdown
       trigger={
         <button className="flex items-center gap-2 px-3 py-2 rounded-button border border-border text-foreground">
-          <FilterIcon size={16} />
+          <FunnelIcon size={16} />
           Filters
           {status && <span className="h-2 w-2 rounded-full bg-primary" />}
         </button>

package/dist/ai/docs/Empty.md

@@ -21,7 +21,7 @@ import { Empty } from "@g4rcez/components";
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `Icon` | `React.FC<LucideProps>` | `FileIcon` | Lucide icon component to display |
+| `Icon` | `Icon` | `FileIcon` | Phosphor icon component to display |
 | `message` | `string` | Localized "No data available" | Descriptive empty state message |
 
 ## Design Tokens
@@ -43,15 +43,15 @@ Tokens this component reads. Customize by overriding these CSS variables in your
 ### Custom Message and Icon
 
 ```tsx
-import { SearchXIcon } from "lucide-react";
+import { MagnifyingGlassMinusIcon } from "@phosphor-icons/react";
 
-<Empty Icon={SearchXIcon} message="No results found" />
+<Empty Icon={MagnifyingGlassMinusIcon} message="No results found" />
 ```
 
 ### In a Data Table
 
 ```tsx
-import { DatabaseIcon } from "lucide-react";
+import { DatabaseIcon } from "@phosphor-icons/react";
 
 function DataTable({ data }: { data: Item[] }) {
   if (data.length === 0) {
@@ -69,7 +69,7 @@ function DataTable({ data }: { data: Item[] }) {
 ### In a List
 
 ```tsx
-import { InboxIcon } from "lucide-react";
+import { TrayIcon } from "@phosphor-icons/react";
 
 function TaskList({ tasks }: { tasks: Task[] }) {
   return (
@@ -77,7 +77,7 @@ function TaskList({ tasks }: { tasks: Task[] }) {
       <h2>My Tasks</h2>
 
       {tasks.length === 0 ? (
-        <Empty Icon={InboxIcon} message="No tasks yet" />
+        <Empty Icon={TrayIcon} message="No tasks yet" />
       ) : (
         <ul>
           {tasks.map((task) => (
@@ -94,7 +94,7 @@ function TaskList({ tasks }: { tasks: Task[] }) {
 
 ```tsx
 import { Button } from "@g4rcez/components/button";
-import { FolderPlusIcon } from "lucide-react";
+import { FolderPlusIcon } from "@phosphor-icons/react";
 
 function EmptyProjectsList() {
   return (
@@ -121,7 +121,7 @@ import {
   HeartIcon,
   BellIcon,
   MailIcon,
-} from "lucide-react";
+} from "@phosphor-icons/react";
 
 // Cart
 <Empty Icon={ShoppingCartIcon} message="Your cart is empty" />
@@ -153,7 +153,7 @@ import {
 
 ## Accessibility
 
-- The icon renders at `size={64}` using a Lucide component which includes accessible SVG markup.
+- The icon renders at `size={64}` using a Phosphor component which includes accessible SVG markup.
 - The message uses a `<p>` element for semantic text.
 - Both icon and text use `text-disabled` ensuring sufficient contrast against the background.
 

package/dist/ai/docs/Expand.md

@@ -46,7 +46,7 @@ The `Expand` component itself only renders the trigger button and an animated wr
 ### Action FAB
 
 ```tsx
-import { PlusIcon } from "lucide-react";
+import { PlusIcon } from "@phosphor-icons/react";
 import { Expand } from "@g4rcez/components/expand";
 
 <Expand

package/dist/ai/docs/FileUpload.md

@@ -116,11 +116,11 @@ function AvatarUpload() {
 ### Custom idle state
 
 ```tsx
-import { UploadCloudIcon } from "lucide-react";
+import { UploadSimpleIcon } from "@phosphor-icons/react";
 
 const CustomIdle = () => (
   <div className="flex flex-col items-center gap-2 py-10">
-    <UploadCloudIcon size={48} className="text-primary" />
+    <UploadSimpleIcon size={48} className="text-primary" />
     <p className="text-foreground font-medium">Drop files here</p>
     <p className="text-muted-foreground text-sm">PDF, DOCX, up to 10 MB each</p>
   </div>

package/dist/ai/docs/Input.md

@@ -129,12 +129,12 @@ const docMask = (value: string) =>
 ### Input with inline left/right slots
 
 ```tsx
-import { SearchIcon } from "lucide-react";
+import { MagnifyingGlassIcon } from "@phosphor-icons/react";
 
 <Input
   name="search"
   title="Search"
-  left={<SearchIcon size={16} className="text-muted-foreground" />}
+  left={<MagnifyingGlassIcon size={16} className="text-muted-foreground" />}
   placeholder="Type to search..."
 />
 ```

package/dist/ai/docs/InputField.md

@@ -73,14 +73,14 @@ import { InputField } from "@g4rcez/components";
 ### With info tooltip and error
 
 ```tsx
-import { SearchIcon, CheckIcon } from "lucide-react";
+import { MagnifyingGlassIcon, CheckIcon } from "@phosphor-icons/react";
 
 <InputField
   title="API Key"
   name="api_key"
   info="Your secret API key from the developer portal."
   error={apiKeyError}
-  left={<SearchIcon size={16} className="text-muted-foreground" />}
+  left={<MagnifyingGlassIcon size={16} className="text-muted-foreground" />}
   right={isValid ? <CheckIcon size={16} className="text-success" /> : null}
   required
 >

package/dist/ai/docs/List.md

@@ -90,7 +90,7 @@ export function TeamList() {
 
 ```tsx
 import { AnimatedList, AnimatedListItem } from "@g4rcez/components/list";
-import { UserCircleIcon } from "lucide-react";
+import { UserCircleIcon } from "@phosphor-icons/react";
 
 export function UserDirectory() {
   return (
@@ -142,11 +142,11 @@ export function OrderList({ orders }: { orders: Order[] }) {
 
 ```tsx
 import { AnimatedList, AnimatedListItem } from "@g4rcez/components/list";
-import { CheckCircleIcon, AlertTriangleIcon } from "lucide-react";
+import { CheckCircleIcon, WarningIcon } from "@phosphor-icons/react";
 
 const feed = [
   { id: "n1", icon: <CheckCircleIcon size={20} className="text-success" />, title: "Deployment succeeded", time: "2 min ago", detail: "All 3 services are healthy." },
-  { id: "n2", icon: <AlertTriangleIcon size={20} className="text-warn" />, title: "High CPU usage", time: "10 min ago", detail: "Instance i-0ab2 is at 94 %." },
+  { id: "n2", icon: <WarningIcon size={20} className="text-warn" />, title: "High CPU usage", time: "10 min ago", detail: "Instance i-0ab2 is at 94 %." },
 ];
 
 export function NotificationFeed() {

package/dist/ai/docs/Menu.md

@@ -39,7 +39,7 @@ import { Menu, MenuItem } from "@g4rcez/components/menu";
 | `title` | `string` | — | Item text; used for typeahead matching and the `title` attribute |
 | `children` | `React.ReactNode` | — | Visual content of the item |
 | `disabled` | `boolean` | `false` | Removes item from keyboard navigation and typeahead |
-| `Right` | `React.FC<LucideProps>` | — | Icon rendered on the right side |
+| `Right` | `React.FC<IconProps>` | — | Icon rendered on the right side |
 | `onClick` | `function` | — | Click handler |
 
 ## Design Tokens
@@ -71,11 +71,11 @@ import { Menu, MenuItem } from "@g4rcez/components/menu";
 ### With Icons and Shortcuts
 
 ```tsx
-import { EditIcon, TrashIcon } from "lucide-react";
+import { PencilSimpleIcon, TrashIcon } from "@phosphor-icons/react";
 import { Menu, MenuItem } from "@g4rcez/components/menu";
 
 <Menu label="Settings">
-  <MenuItem title="Edit" Right={EditIcon}>Edit</MenuItem>
+  <MenuItem title="Edit" Right={PencilSimpleIcon}>Edit</MenuItem>
   <MenuItem title="Delete" Right={TrashIcon} className="text-danger">
     Delete
   </MenuItem>

package/dist/ai/docs/MultiSelect.md

@@ -113,7 +113,7 @@ export default function ControlledMultiSelect() {
 ### Custom option rendering
 
 ```tsx
-import { ShieldIcon } from "lucide-react";
+import { ShieldIcon } from "@phosphor-icons/react";
 import { MultiSelect } from "@g4rcez/components";
 
 const roleOptions = roles.map((r) => ({

package/dist/ai/docs/PageCalendar.md

@@ -158,7 +158,7 @@ export function FilteredCalendar() {
 
 ```tsx
 import { PageCalendar } from "@g4rcez/components";
-import { MapPinIcon } from "lucide-react";
+import { MapPinIcon } from "@phosphor-icons/react";
 
 export function DetailCalendar() {
   return (

package/dist/ai/docs/Select.md

@@ -266,7 +266,7 @@ export default function CascadingSelect() {
 
 - Uses a native `<select>` element for full keyboard support and screen-reader compatibility.
 - The `placeholder` renders as a `disabled hidden` option so it is never submitted.
-- A `ChevronDownIcon` caret is rendered inside a `<label>` pointing to the select id, giving it a larger click target.
+- A `CaretDownIcon` caret is rendered inside a `<label>` pointing to the select id, giving it a larger click target.
 - `data-selected` is set to `"false"` until the user selects an option, which toggles the placeholder color class.
 
 ## Data Attributes

package/dist/ai/docs/Slot.md

@@ -92,7 +92,7 @@ const StyledButton = ({ asChild, children, ...props }: ButtonProps) => {
 When your component wraps children with additional internal elements, use `Slottable` to mark which child is the slot target.
 
 ```tsx
-import { CheckIcon } from "lucide-react";
+import { CheckIcon } from "@phosphor-icons/react";
 
 const IconButton = ({ asChild, children, ...props }: { asChild?: boolean; children: React.ReactNode }) => {
   const Component = asChild ? Slot : "button";

package/dist/ai/docs/Stats.md

@@ -22,7 +22,7 @@ import { Stats } from "@g4rcez/components/stats";
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `title` | `Label` | — | Metric label displayed above the value |
-| `Icon` | `React.FC<{ className: string }>` | — | Icon component to display (Lucide recommended) |
+| `Icon` | `React.FC<{ className: string }>` | — | Icon component to display (Phosphor recommended) |
 | `iconContainer` | `string` | — | Additional classes for the icon background container |
 | `footer` | `React.ReactElement` | — | Optional footer area for trend data or context |
 | `children` | `React.ReactNode` | — | The metric value (e.g. a number, formatted string) |
@@ -46,7 +46,7 @@ Tokens this component reads. Customize by overriding these CSS variables in your
 ### Basic Metric
 
 ```tsx
-import { UsersIcon } from "lucide-react";
+import { UsersIcon } from "@phosphor-icons/react";
 
 <Stats title="Active Users" Icon={UsersIcon}>
   1,234
@@ -56,15 +56,15 @@ import { UsersIcon } from "lucide-react";
 ### With Footer Trend
 
 ```tsx
-import { TrendingUpIcon, DollarSignIcon } from "lucide-react";
+import { TrendUpIcon, CurrencyDollarIcon } from "@phosphor-icons/react";
 
 <Stats
   title="Revenue"
-  Icon={DollarSignIcon}
+  Icon={CurrencyDollarIcon}
   iconContainer="bg-success"
   footer={
     <div className="flex items-center gap-1 text-success text-sm font-medium">
-      <TrendingUpIcon size={14} />
+      <TrendUpIcon size={14} />
       <span>+12% from last month</span>
     </div>
   }
@@ -76,11 +76,11 @@ import { TrendingUpIcon, DollarSignIcon } from "lucide-react";
 ### Custom Icon Container Theme
 
 ```tsx
-import { AlertCircleIcon } from "lucide-react";
+import { WarningCircleIcon } from "@phosphor-icons/react";
 
 <Stats
   title="Error Rate"
-  Icon={AlertCircleIcon}
+  Icon={WarningCircleIcon}
   iconContainer="bg-danger"
 >
   0.3%
@@ -90,7 +90,7 @@ import { AlertCircleIcon } from "lucide-react";
 ### Dashboard Grid
 
 ```tsx
-import { UsersIcon, ClockIcon, TargetIcon } from "lucide-react";
+import { UsersIcon, ClockIcon, TargetIcon } from "@phosphor-icons/react";
 
 <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
   <Stats title="Users" Icon={UsersIcon}>1.2k</Stats>
@@ -102,10 +102,10 @@ import { UsersIcon, ClockIcon, TargetIcon } from "lucide-react";
 ### With Skeleton Loading
 
 ```tsx
-import { BarChartIcon } from "lucide-react";
+import { ChartBarIcon } from "@phosphor-icons/react";
 import { Skeleton } from "@g4rcez/components";
 
-<Stats title="Page Views" Icon={BarChartIcon}>
+<Stats title="Page Views" Icon={ChartBarIcon}>
   {isLoading ? <Skeleton className="h-9 w-24" /> : "48,301"}
 </Stats>
 ```
@@ -127,7 +127,7 @@ import { Skeleton } from "@g4rcez/components";
 ## Accessibility
 
 - The metric label uses an `<h3>` element for proper heading hierarchy within a dashboard context.
-- The icon renders via `props.Icon` with a `className` prop applied; Lucide icons include accessible SVG structure.
+- The icon renders via `props.Icon` with a `className` prop applied; Phosphor icons include accessible SVG structure.
 - Consider adding `aria-label` to the icon container if the icon carries essential meaning not conveyed by the title.
 
 ## Notes

package/dist/ai/docs/Table.md

@@ -226,7 +226,7 @@ export function OrdersTable({ orders }: { orders: Order[] }) {
 ### Row-level actions with Aside
 
 ```tsx
-import { TrashIcon, PencilIcon } from "lucide-react";
+import { TrashIcon, PencilIcon } from "@phosphor-icons/react";
 
 <Table
   name="contacts"

package/dist/ai/docs/Tag.md

@@ -101,7 +101,7 @@ Tokens this component reads. Customize by overriding these CSS variables in your
 ### With Icons
 
 ```tsx
-import { StarIcon, CheckIcon } from "lucide-react";
+import { StarIcon, CheckIcon } from "@phosphor-icons/react";
 
 <Tag icon={<StarIcon size={14} />} theme="warn">Featured</Tag>
 <Tag icon={<CheckIcon size={14} />} theme="success">Completed</Tag>
@@ -174,7 +174,7 @@ const categories = [
 ### Notification Badge
 
 ```tsx
-import { BellIcon } from "lucide-react";
+import { BellIcon } from "@phosphor-icons/react";
 
 <div className="relative">
   <BellIcon size={24} />

package/dist/ai/docs/Timeline.md

@@ -70,7 +70,7 @@ Tokens this component reads. Customize by overriding these CSS variables in your
 ### Order Tracking Timeline
 
 ```tsx
-import { CheckIcon, PackageIcon, TruckIcon } from "lucide-react";
+import { CheckIcon, PackageIcon, TruckIcon } from "@phosphor-icons/react";
 
 <Timeline>
   <TimelineItem>
@@ -128,12 +128,12 @@ import { CheckIcon, PackageIcon, TruckIcon } from "lucide-react";
 ### Activity Feed
 
 ```tsx
-import { UserIcon, EditIcon, TrashIcon } from "lucide-react";
+import { UserIcon, PencilSimpleIcon, TrashIcon } from "@phosphor-icons/react";
 
 function ActivityFeed({ events }: { events: ActivityEvent[] }) {
   const iconMap = {
     create: UserIcon,
-    update: EditIcon,
+    update: PencilSimpleIcon,
     delete: TrashIcon,
   };
 
@@ -164,11 +164,11 @@ function ActivityFeed({ events }: { events: ActivityEvent[] }) {
 ### Custom Icon Background
 
 ```tsx
-import { AlertCircleIcon } from "lucide-react";
+import { WarningCircleIcon } from "@phosphor-icons/react";
 
 <TimelineItem>
   <TimelineItem.Icon className="bg-danger text-danger-foreground">
-    <AlertCircleIcon size={20} />
+    <WarningCircleIcon size={20} />
   </TimelineItem.Icon>
   <TimelineItem.Body>
     <h4 className="font-bold text-danger-foreground">Deployment Failed</h4>

package/dist/ai/docs/Toolbar.md

@@ -51,7 +51,7 @@ import { Button } from "@g4rcez/components/button";
 ### Rich Text Editor Toolbar
 
 ```tsx
-import { BoldIcon, ItalicIcon, UnderlineIcon } from "lucide-react";
+import { BoldIcon, ItalicIcon, UnderlineIcon } from "@phosphor-icons/react";
 import { Toolbar } from "@g4rcez/components";
 import { Button } from "@g4rcez/components/button";
 import { Tooltip } from "@g4rcez/components/tooltip";
@@ -80,7 +80,7 @@ import { Tooltip } from "@g4rcez/components/tooltip";
 ### Batch Action Toolbar
 
 ```tsx
-import { TrashIcon, DownloadIcon } from "lucide-react";
+import { TrashIcon, DownloadIcon } from "@phosphor-icons/react";
 import { Toolbar } from "@g4rcez/components";
 import { Button } from "@g4rcez/components/button";