@fpkit/acss 1.0.0-beta.1 → 2.0.0

package/libs/{chunk-X5LGFCWG.js → chunk-UJAQVHWC.js}

@@ -1,9 +1,9 @@
-import { b } from './chunk-UEPAWMDF.js';
+import { d } from './chunk-NNTBIHSD.js';
 import { a } from './chunk-HHLNOC5T.js';
 import e from 'react';
 
-var U=(r,t=15)=>r.length>t?`${r.slice(0,t)}...`:r;var i=e.memo(({children:r,id:t,styles:s,classes:a,...m})=>{let{renderStyles:n,defaultStyles:o,as:d,ref:I,...p}=m;return e.createElement("li",{id:t,style:s,className:a,"data-list":"unstyled inline",...p},r)});i.displayName="BreadcrumbItem";var y=e.memo(({children:r,...t})=>e.createElement(a,{as:"ol","data-list":"unstyled inline",...t},r));y.displayName="BreadcrumbList";var B=e.memo(({styles:r,id:t,classes:s,children:a$1,...m})=>e.createElement(a,{as:"nav",id:t,styles:r,className:s,...m},e.createElement(y,null,a$1)));B.displayName="BreadcrumbNav";function w(r,t){let s=e.useMemo(()=>r?r.split("/").filter(n=>n):[],[r]),a=e.useCallback(n=>{let o=t?.find(d=>d.path===n);return {path:o?.path||n,name:o?.name||n,url:o?.url||n}},[t]),m=e.useMemo(()=>s.map((n,o)=>({...a(n),isLast:o===s.length-1,index:o})),[s,a]);return {segments:m,hasSegments:m.length>0}}var l=({startRoute:r="Home",startRouteUrl:t="/",currentRoute:s,spacer:a=e.createElement(e.Fragment,null,"/"),routes:m,styles:n,id:o,classes:d,ariaLabel:I="Breadcrumb",truncateLength:p=15,linkProps:N,...k})=>{let{segments:L,hasSegments:v}=w(s,m),b$1=e.useId();return !s?.length||!v?null:e.createElement(B,{id:o,styles:n,className:d,"aria-label":I,...k},e.createElement(i,{key:`start-${b$1}`},e.createElement(b,{href:t,...N},r)),L.map(({name:$,url:x,path:u,isLast:S,index:h})=>{let c=decodeURIComponent($),C=U(c,p),P=c.length>p;if(S){let M=h>0?L[h-1].path:null;return !u||u.length<=3||u===M?null:e.createElement(i,{key:`${u}-${b$1}`},e.createElement("span",{"aria-hidden":"true"},a),e.createElement("span",{"aria-current":"page","aria-label":P?c:void 0},C))}return e.createElement(i,{key:`${u}-${b$1}`},e.createElement("span",{"aria-hidden":"true"},a),e.createElement(b,{href:x,"aria-label":P?c:void 0,...N},C))}))},H=l;l.displayName="Breadcrumb";l.Nav=B;l.List=y;l.Item=i;
+var U=(r,t=15)=>r.length>t?`${r.slice(0,t)}...`:r;var i=e.memo(({children:r,id:t,styles:s,classes:a,...m})=>{let{renderStyles:n,defaultStyles:o,as:d,ref:I,...p}=m;return e.createElement("li",{id:t,style:s,className:a,"data-list":"unstyled inline",...p},r)});i.displayName="BreadcrumbItem";var y=e.memo(({children:r,...t})=>e.createElement(a,{as:"ol","data-list":"unstyled inline",...t},r));y.displayName="BreadcrumbList";var B=e.memo(({styles:r,id:t,classes:s,children:a$1,...m})=>e.createElement(a,{as:"nav",id:t,styles:r,className:s,...m},e.createElement(y,null,a$1)));B.displayName="BreadcrumbNav";function w(r,t){let s=e.useMemo(()=>r?r.split("/").filter(n=>n):[],[r]),a=e.useCallback(n=>{let o=t?.find(d=>d.path===n);return {path:o?.path||n,name:o?.name||n,url:o?.url||n}},[t]),m=e.useMemo(()=>s.map((n,o)=>({...a(n),isLast:o===s.length-1,index:o})),[s,a]);return {segments:m,hasSegments:m.length>0}}var l=({startRoute:r="Home",startRouteUrl:t="/",currentRoute:s,spacer:a=e.createElement(e.Fragment,null,"/"),routes:m,styles:n,id:o,classes:d$1,ariaLabel:I="Breadcrumb",truncateLength:p=15,linkProps:N,...k})=>{let{segments:L,hasSegments:v}=w(s,m),b=e.useId();return !s?.length||!v?null:e.createElement(B,{id:o,styles:n,className:d$1,"aria-label":I,...k},e.createElement(i,{key:`start-${b}`},e.createElement(d,{href:t,...N},r)),L.map(({name:$,url:x,path:u,isLast:S,index:h})=>{let c=decodeURIComponent($),C=U(c,p),P=c.length>p;if(S){let M=h>0?L[h-1].path:null;return !u||u.length<=3||u===M?null:e.createElement(i,{key:`${u}-${b}`},e.createElement("span",{"aria-hidden":"true"},a),e.createElement("span",{"aria-current":"page","aria-label":P?c:void 0},C))}return e.createElement(i,{key:`${u}-${b}`},e.createElement("span",{"aria-hidden":"true"},a),e.createElement(d,{href:x,"aria-label":P?c:void 0,...N},C))}))},H=l;l.displayName="Breadcrumb";l.Nav=B;l.List=y;l.Item=i;
 
 export { w as a, l as b, H as c };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-X5LGFCWG.js.map
+//# sourceMappingURL=chunk-UJAQVHWC.js.map

package/libs/{chunk-DKTHCQ5P.cjs → chunk-X5RKCLDC.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkGT77BX4L_cjs = require('./chunk-GT77BX4L.cjs');
+var chunkE4OSROCA_cjs = require('./chunk-E4OSROCA.cjs');
 var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
 var e = require('react');
 
@@ -8,8 +8,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var e__default = /*#__PURE__*/_interopDefault(e);
 
-var l=({id:n,children:a,classes:r,modalRef:d,openOnMount:i,...t})=>e__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"dialog",id:n,classes:r,ref:d,open:i,onClick:o=>{o.currentTarget===o.target&&o.currentTarget.close();},...t},a);e__default.default.memo(l);l.displayName="Dialog";var u=({openChild:n,closeChild:a,modalHeader:r,modalFooter:d,children:i,showOpen:t=!1,...p})=>{let o=e__default.default.useRef(null),f=()=>{o.current&&(t?o.current.show():o.current.showModal());},M=()=>{o.current&&o.current.close();};return e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement(l,{modalRef:o,openOnMount:t,...p},e__default.default.createElement("section",null,r,i,d??e__default.default.createElement("div",null,e__default.default.createElement(chunkGT77BX4L_cjs.a,{type:"button",pointerDown:()=>{M();}},a||"Close")," "))),!t&&e__default.default.createElement(chunkGT77BX4L_cjs.a,{type:"button",pointerDown:f},n||"Open Modal"))};u.displayName="Modal";
+var l=({id:n,children:a,classes:r,modalRef:d,openOnMount:i,...t})=>e__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"dialog",id:n,classes:r,ref:d,open:i,onClick:o=>{o.currentTarget===o.target&&o.currentTarget.close();},...t},a);e__default.default.memo(l);l.displayName="Dialog";var u=({openChild:n,closeChild:a,modalHeader:r,modalFooter:d,children:i,showOpen:t=!1,...p})=>{let o=e__default.default.useRef(null),f=()=>{o.current&&(t?o.current.show():o.current.showModal());},M=()=>{o.current&&o.current.close();};return e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement(l,{modalRef:o,openOnMount:t,...p},e__default.default.createElement("section",null,r,i,d??e__default.default.createElement("div",null,e__default.default.createElement(chunkE4OSROCA_cjs.a,{type:"button",pointerDown:()=>{M();}},a||"Close")," "))),!t&&e__default.default.createElement(chunkE4OSROCA_cjs.a,{type:"button",pointerDown:f},n||"Open Modal"))};u.displayName="Modal";
 
 exports.a = u;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-DKTHCQ5P.cjs.map
+//# sourceMappingURL=chunk-X5RKCLDC.cjs.map

package/libs/components/breadcrumbs/breadcrumb.cjs

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkT4T6GWYQ_cjs = require('../../chunk-T4T6GWYQ.cjs');
-require('../../chunk-33PNJ4LO.cjs');
+var chunkR7NLLZU2_cjs = require('../../chunk-R7NLLZU2.cjs');
+require('../../chunk-5PJYLVFY.cjs');
 require('../../chunk-ENTCUJ3A.cjs');
 
 
 
 Object.defineProperty(exports, 'Breadcrumb', {
 	enumerable: true,
-	get: function () { return chunkT4T6GWYQ_cjs.b; }
+	get: function () { return chunkR7NLLZU2_cjs.b; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkT4T6GWYQ_cjs.c; }
+	get: function () { return chunkR7NLLZU2_cjs.c; }
 });
 Object.defineProperty(exports, 'useBreadcrumbSegments', {
 	enumerable: true,
-	get: function () { return chunkT4T6GWYQ_cjs.a; }
+	get: function () { return chunkR7NLLZU2_cjs.a; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=breadcrumb.cjs.map

package/libs/components/breadcrumbs/breadcrumb.d.cts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { U as UI } from '../../ui-d01b50d4.js';
-import { L as Link } from '../../link-5192f411.js';
+import Link from '../link/link.cjs';
 
 /**
  * Represents a route segment in the breadcrumb navigation.

package/libs/components/breadcrumbs/breadcrumb.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { U as UI } from '../../ui-d01b50d4.js';
-import { L as Link } from '../../link-5192f411.js';
+import Link from '../link/link.js';
 
 /**
  * Represents a route segment in the breadcrumb navigation.

package/libs/components/breadcrumbs/breadcrumb.js

@@ -1,5 +1,5 @@
-export { b as Breadcrumb, c as default, a as useBreadcrumbSegments } from '../../chunk-X5LGFCWG.js';
-import '../../chunk-UEPAWMDF.js';
+export { b as Breadcrumb, c as default, a as useBreadcrumbSegments } from '../../chunk-UJAQVHWC.js';
+import '../../chunk-NNTBIHSD.js';
 import '../../chunk-HHLNOC5T.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=breadcrumb.js.map

package/libs/components/button.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkGT77BX4L_cjs = require('../chunk-GT77BX4L.cjs');
+var chunkE4OSROCA_cjs = require('../chunk-E4OSROCA.cjs');
 require('../chunk-PNWIRCG3.cjs');
 require('../chunk-TON2YGMD.cjs');
 require('../chunk-ENTCUJ3A.cjs');
@@ -11,11 +11,11 @@ require('../chunk-ENTCUJ3A.cjs');
 
 Object.defineProperty(exports, 'Button', {
 	enumerable: true,
-	get: function () { return chunkGT77BX4L_cjs.a; }
+	get: function () { return chunkE4OSROCA_cjs.a; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkGT77BX4L_cjs.b; }
+	get: function () { return chunkE4OSROCA_cjs.b; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=button.cjs.map

package/libs/components/button.d.cts

@@ -46,7 +46,7 @@ type ButtonProps = Partial<React$1.ComponentProps<typeof UI>> & DisabledStatePro
      * The button type
      * Required - 'button' | 'submit' | 'reset'
      */
-    type: 'button' | 'submit' | 'reset';
+    type: "button" | "submit" | "reset";
 };
 /**
  * Accessible Button component with WCAG 2.1 Level AA compliant disabled state.

package/libs/components/button.d.ts

@@ -46,7 +46,7 @@ type ButtonProps = Partial<React$1.ComponentProps<typeof UI>> & DisabledStatePro
      * The button type
      * Required - 'button' | 'submit' | 'reset'
      */
-    type: 'button' | 'submit' | 'reset';
+    type: "button" | "submit" | "reset";
 };
 /**
  * Accessible Button component with WCAG 2.1 Level AA compliant disabled state.

package/libs/components/button.js

@@ -1,4 +1,4 @@
-export { a as Button, b as default } from '../chunk-OVWLQYMK.js';
+export { a as Button, b as default } from '../chunk-KVKQLRJG.js';
 import '../chunk-BFK62VX5.js';
 import '../chunk-75QHTLFO.js';
 import '../chunk-HHLNOC5T.js';

package/libs/components/buttons/button.css

@@ -1 +1 @@
-button{--btn-size-xs: 0.6875rem;--btn-size-sm: 0.8125rem;--btn-size-md: 0.9375rem;--btn-size-lg: 1.125rem;--btn-pill: 100rem;--btn-fs: var(--btn-size-md);--btn-height: calc(var(--btn-fs) * 2.25);--btn-bg: lightgray;--btn-width: max-content;font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height);place-items:var(--btn-place, center);padding-inline:var(--btn-padding-inline, calc(var(--btn-fs) * 1.5));padding-block:var(--btn-padding-block, calc(var(--btn-fs) * 0.5));border:var(--btn-border, none);border-radius:var(--btn-radius, 0.375rem);text-decoration:var(--btn-deco, none);color:var(--btn-color, currentColor);display:var(--btn-display, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-whitespace, inherit);margin:var(--btn-spacing, 0);transition:var(--btn-transition, var(--tran-all, all 0.3s cubic-bezier(0.4, 0, 0.2, 1)));background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width);display:inline-flex;align-items:center;line-height:0cap}button[type]{background-color:var(--btn-bg, var(--neutral-300));--btn-border: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--primary-500, royal-blue);--btn-color: white}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){filter:var(--btn-hover-filter, brightness(0.85));transform:var(--btn-hover-transform, scale(1.03));outline:var(--btn-hover-outline, thin);outline-offset:var(--line-offset, 1px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5);filter:none}button[type=reset]{--btn-bg: transparent;--btn-color: gray;--btn-border: gray thin solid}button[type=submit]{--btn-bg: var(--primary-700, blue);--btn-color: #fff;--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill]{border-radius:var(--btn-pill, 100rem)}button[data-btn~=xs],button .btn-xs{--btn-fs: var(--btn-size-xs);text-transform:uppercase}button[data-btn~=sm],button .btn-sm{--btn-fs: var(--btn-size-sm)}button[data-btn~=md],button .btn-md{--btn-fs: var(--btn-size-md)}button[data-btn~=lg],button .btn-lg{--btn-fs: var(--btn-size-lg)}button[data-btn~=icon],button .btn-icon{padding:unset;height:unset;--btn-bg: transparent;min-width:1.5rem;min-height:1.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}button[data-btn~=text],button .btn-text{--btn-bg: transparent;--btn-color: currentColor;--btn-border: none;--btn-height: unset;--btn-width: unset;--btn-padding-block: 0.75rem;--btn-padding-inline: 0.75rem}button[data-btn~=text]:is(:hover,:focus),button .btn-text:is(:hover,:focus){background-color:color-mix(in srgb, var(--btn-color) 10%, transparent);outline:.025rem solid var(--btn-color);outline-offset:0;filter:none}/*# sourceMappingURL=button.css.map */
+button{--btn-size-xs: 0.6875rem;--btn-size-sm: 0.8125rem;--btn-size-md: 0.9375rem;--btn-size-lg: 1.125rem;--btn-pill: 100rem;--btn-fs: var(--btn-size-md);--btn-height: calc(var(--btn-fs) * 2.25);--btn-bg: lightgray;--btn-width: max-content;font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height);place-items:var(--btn-place, center);padding-inline:var(--btn-padding-inline, calc(var(--btn-fs) * 1.5));padding-block:var(--btn-padding-block, calc(var(--btn-fs) * 0.5));border:var(--btn-border, none);border-radius:var(--btn-radius, 0.375rem);text-decoration:var(--btn-deco, none);color:var(--btn-color, currentColor);display:var(--btn-display, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-whitespace, inherit);margin:var(--btn-spacing, 0);transition:var(--btn-transition, var(--tran-all, all 0.3s cubic-bezier(0.4, 0, 0.2, 1)));background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width);display:inline-flex;align-items:center;line-height:0cap}button[type]{background-color:var(--btn-bg, var(--neutral-300));--btn-border: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--primary-500, royal-blue);--btn-color: white}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){filter:var(--btn-hover-filter, brightness(0.85));transform:var(--btn-hover-transform, scale(1.03));outline:var(--btn-hover-outline, thin);outline-offset:var(--line-offset, 1px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5);filter:none}button:focus-visible{outline:var(--btn-focus-outline, 2px solid currentColor);outline-offset:var(--btn-focus-outline-offset, 1px)}button[type=reset]{--btn-bg: transparent;--btn-color: gray;--btn-border: gray thin solid}button[type=submit]{--btn-bg: var(--primary-700, blue);--btn-color: #fff;--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill]{border-radius:var(--btn-pill, 100rem)}button[data-btn~=xs],button .btn-xs{--btn-fs: var(--btn-size-xs);text-transform:uppercase}button[data-btn~=sm],button .btn-sm{--btn-fs: var(--btn-size-sm)}button[data-btn~=md],button .btn-md{--btn-fs: var(--btn-size-md)}button[data-btn~=lg],button .btn-lg{--btn-fs: var(--btn-size-lg)}button[data-btn~=icon],button .btn-icon{padding:unset;height:unset;--btn-bg: transparent;min-width:1.5rem;min-height:1.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}button[data-btn~=text],button .btn-text{--btn-bg: transparent;--btn-color: currentColor;--btn-border: none;--btn-height: unset;--btn-width: unset;--btn-padding-block: 0.75rem;--btn-padding-inline: 0.75rem}button[data-btn~=text]:is(:hover,:focus),button .btn-text:is(:hover,:focus){background-color:color-mix(in srgb, var(--btn-color) 10%, transparent);outline:.025rem solid var(--btn-color);outline-offset:0;filter:none}/*# sourceMappingURL=button.css.map */

package/libs/components/buttons/button.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/buttons/button.scss"],"names":[],"mappings":"AAAA,OAEE,yBACA,yBACA,yBACA,wBACA,mBACA,6BACA,yCACA,oBACA,yBAEA,wBACA,+BACA,yBACA,qCACA,oEACA,kEACA,+BACA,0CACA,sCACA,qCACA,wCACA,2BACA,2CACA,6BACA,yFAIA,2CACA,aACA,uBACA,oBACA,mBACA,iBAEA,aACE,mDACA,kCAGF,0CAEE,yCACA,mBAGF,4CAEE,sCAGA,gFACE,eAOJ,yBAEE,iDACA,kDACA,uCACA,uCAGA,6CACE,eACA,gCACA,YAIJ,mBACE,sBACA,kBACA,8BAGF,oBACE,mCACA,kBACA,mBAGF,0EAGE,sCAGF,oCAEE,6BACA,yBAGF,oCAEE,6BAGF,oCAEE,6BAGF,oCAEE,6BAGF,wCAEE,cACA,aACA,sBACA,iBACA,kBACA,kBACA,oBACA,mBACA,uBAGF,wCAEE,sBACA,0BACA,mBACA,oBACA,mBACA,6BACA,8BACA,4EACE,uEACA,uCACA,iBACA","file":"button.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/buttons/button.scss"],"names":[],"mappings":"AAAA,OAEE,yBACA,yBACA,yBACA,wBACA,mBACA,6BACA,yCACA,oBACA,yBAEA,wBACA,+BACA,yBACA,qCACA,oEACA,kEACA,+BACA,0CACA,sCACA,qCACA,wCACA,2BACA,2CACA,6BACA,yFAIA,2CACA,aACA,uBACA,oBACA,mBACA,iBAEA,aACE,mDACA,kCAGF,0CAEE,yCACA,mBAGF,4CAEE,sCAGA,gFACE,eAOJ,yBAEE,iDACA,kDACA,uCACA,uCAGA,6CACE,eACA,gCACA,YAIJ,qBACE,yDACA,oDAGF,mBACE,sBACA,kBACA,8BAGF,oBACE,mCACA,kBACA,mBAGF,0EAGE,sCAGF,oCAEE,6BACA,yBAGF,oCAEE,6BAGF,oCAEE,6BAGF,oCAEE,6BAGF,wCAEE,cACA,aACA,sBACA,iBACA,kBACA,kBACA,oBACA,mBACA,uBAGF,wCAEE,sBACA,0BACA,mBACA,oBACA,mBACA,6BACA,8BACA,4EACE,uEACA,uCACA,iBACA","file":"button.css"}

package/libs/components/buttons/button.min.css

@@ -1,3 +1,3 @@
-button{--btn-size-xs: 0.6875rem;--btn-size-sm: 0.8125rem;--btn-size-md: 0.9375rem;--btn-size-lg: 1.125rem;--btn-pill: 100rem;--btn-fs: var(--btn-size-md);--btn-height: calc(var(--btn-fs) * 2.25);--btn-bg: lightgray;--btn-width: max-content;font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height);place-items:var(--btn-place, center);padding-inline:var(--btn-padding-inline, calc(var(--btn-fs) * 1.5));padding-block:var(--btn-padding-block, calc(var(--btn-fs) * 0.5));border:var(--btn-border, none);border-radius:var(--btn-radius, 0.375rem);-webkit-text-decoration:var(--btn-deco, none);text-decoration:var(--btn-deco, none);color:var(--btn-color, currentColor);display:var(--btn-display, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-whitespace, inherit);margin:var(--btn-spacing, 0);transition:var(--btn-transition, var(--tran-all, all 0.3s cubic-bezier(0.4, 0, 0.2, 1)));background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width);display:inline-flex;align-items:center;line-height:0cap}button[type]{background-color:var(--btn-bg, var(--neutral-300));--btn-border: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--primary-500, royal-blue);--btn-color: white}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){filter:var(--btn-hover-filter, brightness(0.85));transform:var(--btn-hover-transform, scale(1.03));outline:var(--btn-hover-outline, thin);outline-offset:var(--line-offset, 1px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5);filter:none}button[type=reset]{--btn-bg: transparent;--btn-color: gray;--btn-border: gray thin solid}button[type=submit]{--btn-bg: var(--primary-700, blue);--btn-color: #fff;--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill]{border-radius:var(--btn-pill, 100rem)}button[data-btn~=xs],button .btn-xs{--btn-fs: var(--btn-size-xs);text-transform:uppercase}button[data-btn~=sm],button .btn-sm{--btn-fs: var(--btn-size-sm)}button[data-btn~=md],button .btn-md{--btn-fs: var(--btn-size-md)}button[data-btn~=lg],button .btn-lg{--btn-fs: var(--btn-size-lg)}button[data-btn~=icon],button .btn-icon{padding:unset;height:unset;--btn-bg: transparent;min-width:1.5rem;min-height:1.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}button[data-btn~=text],button .btn-text{--btn-bg: transparent;--btn-color: currentColor;--btn-border: none;--btn-height: unset;--btn-width: unset;--btn-padding-block: 0.75rem;--btn-padding-inline: 0.75rem}button[data-btn~=text]:is(:hover,:focus),button .btn-text:is(:hover,:focus){background-color:color-mix(in srgb, var(--btn-color) 10%, transparent);outline:.025rem solid var(--btn-color);outline-offset:0;filter:none}
+button{--btn-size-xs: 0.6875rem;--btn-size-sm: 0.8125rem;--btn-size-md: 0.9375rem;--btn-size-lg: 1.125rem;--btn-pill: 100rem;--btn-fs: var(--btn-size-md);--btn-height: calc(var(--btn-fs) * 2.25);--btn-bg: lightgray;--btn-width: max-content;font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height);place-items:var(--btn-place, center);padding-inline:var(--btn-padding-inline, calc(var(--btn-fs) * 1.5));padding-block:var(--btn-padding-block, calc(var(--btn-fs) * 0.5));border:var(--btn-border, none);border-radius:var(--btn-radius, 0.375rem);-webkit-text-decoration:var(--btn-deco, none);text-decoration:var(--btn-deco, none);color:var(--btn-color, currentColor);display:var(--btn-display, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-whitespace, inherit);margin:var(--btn-spacing, 0);transition:var(--btn-transition, var(--tran-all, all 0.3s cubic-bezier(0.4, 0, 0.2, 1)));background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width);display:inline-flex;align-items:center;line-height:0cap}button[type]{background-color:var(--btn-bg, var(--neutral-300));--btn-border: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--primary-500, royal-blue);--btn-color: white}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){filter:var(--btn-hover-filter, brightness(0.85));transform:var(--btn-hover-transform, scale(1.03));outline:var(--btn-hover-outline, thin);outline-offset:var(--line-offset, 1px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5);filter:none}button:focus-visible{outline:var(--btn-focus-outline, 2px solid currentColor);outline-offset:var(--btn-focus-outline-offset, 1px)}button[type=reset]{--btn-bg: transparent;--btn-color: gray;--btn-border: gray thin solid}button[type=submit]{--btn-bg: var(--primary-700, blue);--btn-color: #fff;--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill]{border-radius:var(--btn-pill, 100rem)}button[data-btn~=xs],button .btn-xs{--btn-fs: var(--btn-size-xs);text-transform:uppercase}button[data-btn~=sm],button .btn-sm{--btn-fs: var(--btn-size-sm)}button[data-btn~=md],button .btn-md{--btn-fs: var(--btn-size-md)}button[data-btn~=lg],button .btn-lg{--btn-fs: var(--btn-size-lg)}button[data-btn~=icon],button .btn-icon{padding:unset;height:unset;--btn-bg: transparent;min-width:1.5rem;min-height:1.5rem;text-align:center;display:inline-flex;align-items:center;justify-content:center}button[data-btn~=text],button .btn-text{--btn-bg: transparent;--btn-color: currentColor;--btn-border: none;--btn-height: unset;--btn-width: unset;--btn-padding-block: 0.75rem;--btn-padding-inline: 0.75rem}button[data-btn~=text]:is(:hover,:focus),button .btn-text:is(:hover,:focus){background-color:color-mix(in srgb, var(--btn-color) 10%, transparent);outline:.025rem solid var(--btn-color);outline-offset:0;filter:none}
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbnMvYnV0dG9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FFRSx3QkFBQSxDQUNBLHdCQUFBLENBQ0Esd0JBQUEsQ0FDQSx1QkFBQSxDQUNBLGtCQUFBLENBQ0EsNEJBQUEsQ0FDQSx3Q0FBQSxDQUNBLG1CQUFBLENBQ0Esd0JBQUEsQ0FFQSx1QkFBQSxDQUNBLDhCQUFBLENBQ0Esd0JBQUEsQ0FDQSxvQ0FBQSxDQUNBLG1FQUFBLENBQ0EsaUVBQUEsQ0FDQSw4QkFBQSxDQUNBLHlDQUFBLENBQ0EsNkNBQUEsQ0FBQSxxQ0FBQSxDQUNBLG9DQUFBLENBQ0EsdUNBQUEsQ0FDQSwwQkFBQSxDQUNBLDBDQUFBLENBQ0EsNEJBQUEsQ0FDQSx3RkFBQSxDQUlBLDBDQUFBLENBQ0EsWUFBQSxDQUNBLHNCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLGdCQUFBLENBRUEsYUFDRSxrREFBQSxDQUNBLGlDQUFBLENBR0YsMENBRUUsd0NBQUEsQ0FDQSxrQkFBQSxDQUdGLDRDQUVFLHFDQUFBLENBR0EsZ0ZBQ0UsY0FBQSxDQU9KLHlCQUVFLGdEQUFBLENBQ0EsaURBQUEsQ0FDQSxzQ0FBQSxDQUNBLHNDQUFBLENBR0EsNkNBQ0UsY0FBQSxDQUNBLCtCQUFBLENBQ0EsV0FBQSxDQUlKLG1CQUNFLHFCQUFBLENBQ0EsaUJBQUEsQ0FDQSw2QkFBQSxDQUdGLG9CQUNFLGtDQUFBLENBQ0EsaUJBQUEsQ0FDQSxrQkFBQSxDQUdGLDBFQUdFLHFDQUFBLENBR0Ysb0NBRUUsNEJBQUEsQ0FDQSx3QkFBQSxDQUdGLG9DQUVFLDRCQUFBLENBR0Ysb0NBRUUsNEJBQUEsQ0FHRixvQ0FFRSw0QkFBQSxDQUdGLHdDQUVFLGFBQUEsQ0FDQSxZQUFBLENBQ0EscUJBQUEsQ0FDQSxnQkFBQSxDQUNBLGlCQUFBLENBQ0EsaUJBQUEsQ0FDQSxtQkFBQSxDQUNBLGtCQUFBLENBQ0Esc0JBQUEsQ0FHRix3Q0FFRSxxQkFBQSxDQUNBLHlCQUFBLENBQ0Esa0JBQUEsQ0FDQSxtQkFBQSxDQUNBLGtCQUFBLENBQ0EsNEJBQUEsQ0FDQSw2QkFBQSxDQUNBLDRFQUNFLHNFQUFBLENBQ0Esc0NBQUEsQ0FDQSxnQkFBQSxDQUNBLFdBQUEiLCJmaWxlIjoiYnV0dG9uLm1pbi5jc3MifQ== */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbnMvYnV0dG9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FFRSx3QkFBQSxDQUNBLHdCQUFBLENBQ0Esd0JBQUEsQ0FDQSx1QkFBQSxDQUNBLGtCQUFBLENBQ0EsNEJBQUEsQ0FDQSx3Q0FBQSxDQUNBLG1CQUFBLENBQ0Esd0JBQUEsQ0FFQSx1QkFBQSxDQUNBLDhCQUFBLENBQ0Esd0JBQUEsQ0FDQSxvQ0FBQSxDQUNBLG1FQUFBLENBQ0EsaUVBQUEsQ0FDQSw4QkFBQSxDQUNBLHlDQUFBLENBQ0EsNkNBQUEsQ0FBQSxxQ0FBQSxDQUNBLG9DQUFBLENBQ0EsdUNBQUEsQ0FDQSwwQkFBQSxDQUNBLDBDQUFBLENBQ0EsNEJBQUEsQ0FDQSx3RkFBQSxDQUlBLDBDQUFBLENBQ0EsWUFBQSxDQUNBLHNCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLGdCQUFBLENBRUEsYUFDRSxrREFBQSxDQUNBLGlDQUFBLENBR0YsMENBRUUsd0NBQUEsQ0FDQSxrQkFBQSxDQUdGLDRDQUVFLHFDQUFBLENBR0EsZ0ZBQ0UsY0FBQSxDQU9KLHlCQUVFLGdEQUFBLENBQ0EsaURBQUEsQ0FDQSxzQ0FBQSxDQUNBLHNDQUFBLENBR0EsNkNBQ0UsY0FBQSxDQUNBLCtCQUFBLENBQ0EsV0FBQSxDQUlKLHFCQUNFLHdEQUFBLENBQ0EsbURBQUEsQ0FHRixtQkFDRSxxQkFBQSxDQUNBLGlCQUFBLENBQ0EsNkJBQUEsQ0FHRixvQkFDRSxrQ0FBQSxDQUNBLGlCQUFBLENBQ0Esa0JBQUEsQ0FHRiwwRUFHRSxxQ0FBQSxDQUdGLG9DQUVFLDRCQUFBLENBQ0Esd0JBQUEsQ0FHRixvQ0FFRSw0QkFBQSxDQUdGLG9DQUVFLDRCQUFBLENBR0Ysb0NBRUUsNEJBQUEsQ0FHRix3Q0FFRSxhQUFBLENBQ0EsWUFBQSxDQUNBLHFCQUFBLENBQ0EsZ0JBQUEsQ0FDQSxpQkFBQSxDQUNBLGlCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLHNCQUFBLENBR0Ysd0NBRUUscUJBQUEsQ0FDQSx5QkFBQSxDQUNBLGtCQUFBLENBQ0EsbUJBQUEsQ0FDQSxrQkFBQSxDQUNBLDRCQUFBLENBQ0EsNkJBQUEsQ0FDQSw0RUFDRSxzRUFBQSxDQUNBLHNDQUFBLENBQ0EsZ0JBQUEsQ0FDQSxXQUFBIiwiZmlsZSI6ImJ1dHRvbi5taW4uY3NzIn0= */

package/libs/components/dialog/dialog.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkQVW6W76L_cjs = require('../../chunk-QVW6W76L.cjs');
+var chunkMGPWZRBX_cjs = require('../../chunk-MGPWZRBX.cjs');
 require('../../chunk-2NRIP6RB.cjs');
 require('../../chunk-6WTC4JXH.cjs');
-require('../../chunk-GT77BX4L.cjs');
+require('../../chunk-E4OSROCA.cjs');
 require('../../chunk-PNWIRCG3.cjs');
 require('../../chunk-TON2YGMD.cjs');
 require('../../chunk-ENTCUJ3A.cjs');
@@ -14,11 +14,11 @@ require('../../chunk-ENTCUJ3A.cjs');
 
 Object.defineProperty(exports, 'Dialog', {
 	enumerable: true,
-	get: function () { return chunkQVW6W76L_cjs.a; }
+	get: function () { return chunkMGPWZRBX_cjs.a; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkQVW6W76L_cjs.b; }
+	get: function () { return chunkMGPWZRBX_cjs.b; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=dialog.cjs.map

package/libs/components/dialog/dialog.js

@@ -1,7 +1,7 @@
-export { a as Dialog, b as default } from '../../chunk-X3JCTEPD.js';
+export { a as Dialog, b as default } from '../../chunk-QKHPHMG2.js';
 import '../../chunk-ZFJ4U45S.js';
 import '../../chunk-5QD3DWFI.js';
-import '../../chunk-OVWLQYMK.js';
+import '../../chunk-KVKQLRJG.js';
 import '../../chunk-BFK62VX5.js';
 import '../../chunk-75QHTLFO.js';
 import '../../chunk-HHLNOC5T.js';

package/libs/components/icons/icon.d.cts

@@ -152,7 +152,7 @@ declare const Icon: {
     ({ id, classes, children, styles, "aria-hidden": ariaHidden, "aria-label": ariaLabel, role, ...props }: IconProps): React.JSX.Element;
     displayName: string;
     Add: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         styles: {
             fill: string;
             display: string;
@@ -162,7 +162,7 @@ declare const Icon: {
         displayName: string;
     };
     ArrowDown: {
-        ({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill">): React.JSX.Element;
+        ({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size">): React.JSX.Element;
         styles: {
             display: string;
             alignItems: string;
@@ -171,7 +171,7 @@ declare const Icon: {
         displayName: string;
     };
     ArrowLeft: {
-        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         styles: {
             display: string;
             alignItems: string;
@@ -180,11 +180,11 @@ declare const Icon: {
         displayName: string;
     };
     ArrowRight: {
-        ({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
     };
     ArrowUp: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -195,7 +195,7 @@ declare const Icon: {
         };
     };
     Chat: {
-        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
+        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         styles: {
             display: string;
             alignItems: string;
@@ -204,7 +204,7 @@ declare const Icon: {
         displayName: string;
     };
     Code: {
-        ({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         styles: {
             fill: string;
             stroke: string;
@@ -214,7 +214,7 @@ declare const Icon: {
         };
     };
     Copy: {
-        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
+        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
         styles: {
             stroke: string;
@@ -224,7 +224,7 @@ declare const Icon: {
         };
     };
     Down: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             display: string;
@@ -233,7 +233,7 @@ declare const Icon: {
         };
     };
     Home: {
-        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             fill: string;
@@ -244,19 +244,19 @@ declare const Icon: {
         };
     };
     Info: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     InfoSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     AlertSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     Left: {
-        ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             fill: string;
@@ -266,14 +266,14 @@ declare const Icon: {
         };
     };
     Minus: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             fill: string;
         };
     };
     Pause: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -284,7 +284,7 @@ declare const Icon: {
         };
     };
     PauseSolid: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -295,7 +295,7 @@ declare const Icon: {
         };
     };
     Play: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -306,7 +306,7 @@ declare const Icon: {
         };
     };
     PlaySolid: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -317,14 +317,14 @@ declare const Icon: {
         };
     };
     Remove: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             fill: string;
         };
     };
     Resume: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -335,7 +335,7 @@ declare const Icon: {
         };
     };
     ResumeSolid: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -346,7 +346,7 @@ declare const Icon: {
         };
     };
     Right: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             fill: string;
@@ -354,7 +354,7 @@ declare const Icon: {
     };
     Star: typeof Star;
     Stop: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -380,7 +380,7 @@ declare const Icon: {
          */
     };
     StopSolid: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -391,7 +391,7 @@ declare const Icon: {
         };
     };
     Up: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             display: string;
@@ -400,7 +400,7 @@ declare const Icon: {
         };
     };
     User: {
-        ({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         styles: {
             fill: string;
             stroke: string;
@@ -418,23 +418,23 @@ declare const Icon: {
         width: string;
     };
     QuestionSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     WarnSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     SuccessSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     AlertSquareSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     Close: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             fill: string;