@fpkit/acss 3.1.1 → 3.2.0

package/libs/{chunk-2NRIP6RB.cjs → chunk-2C3YLBWP.cjs}

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var o = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var o__default = /*#__PURE__*/_interopDefault(o);
 
-var r=o__default.default.memo(o__default.default.forwardRef(({level:e="h2",id:t,styles:i,ui:s,children:d,className:m,...c},h)=>o__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:e,id:t,styles:i,"data-ui":s,className:m,ref:h,...c},d)));r.displayName="Title";var a=r;var p=o__default.default.forwardRef(({type:e="h3",...t},i)=>(process.env.NODE_ENV==="development"&&console.warn(`[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. Please use the Title component instead.
+var r=o__default.default.memo(o__default.default.forwardRef(({level:e="h2",id:t,styles:i,ui:s,children:d,className:m,...c},h)=>o__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:e,id:t,styles:i,"data-ui":s,className:m,ref:h,...c},d)));r.displayName="Title";var a=r;var p=o__default.default.forwardRef(({type:e="h3",...t},i)=>(process.env.NODE_ENV==="development"&&console.warn(`[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. Please use the Title component instead.
 Migration: <Heading type="${e}"> \u2192 <Title level="${e}">
 See documentation: https://fpkit.dev/components/title`),o__default.default.createElement(a,{level:e,ref:i,...t})));p.displayName="Heading (Deprecated)";var H=p;
 
 exports.a = a;
 exports.b = H;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-2NRIP6RB.cjs.map
+//# sourceMappingURL=chunk-2C3YLBWP.cjs.map

package/libs/{chunk-NWJDAHP6.cjs → chunk-2GJHKWEK.cjs}

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var o = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var o__default = /*#__PURE__*/_interopDefault(o);
 
-var i=o__default.default.forwardRef(({href:r,target:e,rel:n,children:t,styles:c,prefetch:f=!1,btnStyle:m,onClick:d,onPointerDown:u,...l},y)=>{let h=o__default.default.useMemo(()=>{if(e==="_blank"){let s=new Set(["noopener","noreferrer"]);return f&&s.add("prefetch"),n&&n.split(/\s+/).forEach(p=>{p&&s.add(p);}),Array.from(s).join(" ")}return n},[e,n,f]);return o__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"a",ref:y,href:r,target:e,rel:h,styles:c,"data-btn":m,onClick:d,onPointerDown:u,...l},t)}),k=o__default.default.forwardRef(({href:r,icon:e,...n},t)=>o__default.default.createElement(i,{ref:t,href:r,...n},e)),a=o__default.default.forwardRef(({href:r,children:e,...n},t)=>o__default.default.createElement(i,{ref:t,href:r,...n},o__default.default.createElement("i",null,e)));i.displayName="Link";k.displayName="IconLink";a.displayName="LinkButton";var x=Object.assign(i,{LinkButton:a,IconLink:k}),E=x;
+var i=o__default.default.forwardRef(({href:r,target:e,rel:n,children:t,styles:c,prefetch:f=!1,btnStyle:m,onClick:d,onPointerDown:u,...l},y)=>{let h=o__default.default.useMemo(()=>{if(e==="_blank"){let s=new Set(["noopener","noreferrer"]);return f&&s.add("prefetch"),n&&n.split(/\s+/).forEach(p=>{p&&s.add(p);}),Array.from(s).join(" ")}return n},[e,n,f]);return o__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"a",ref:y,href:r,target:e,rel:h,styles:c,"data-btn":m,onClick:d,onPointerDown:u,...l},t)}),k=o__default.default.forwardRef(({href:r,icon:e,...n},t)=>o__default.default.createElement(i,{ref:t,href:r,...n},e)),a=o__default.default.forwardRef(({href:r,children:e,...n},t)=>o__default.default.createElement(i,{ref:t,href:r,...n},o__default.default.createElement("i",null,e)));i.displayName="Link";k.displayName="IconLink";a.displayName="LinkButton";var x=Object.assign(i,{LinkButton:a,IconLink:k}),E=x;
 
 exports.a = i;
 exports.b = k;
 exports.c = a;
 exports.d = E;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-NWJDAHP6.cjs.map
+//# sourceMappingURL=chunk-2GJHKWEK.cjs.map

package/libs/{chunk-FVROL3V5.js → chunk-2JCDEC32.js}

@@ -1,9 +1,9 @@
-import { c } from './chunk-IEB64SWY.js';
-import { a } from './chunk-HHLNOC5T.js';
+import { c } from './chunk-U5VA34SU.js';
+import { a } from './chunk-DDSXKOUB.js';
 import t from 'react';
 
 var i=t.forwardRef(({isBlock:e,children:s,...o},r)=>t.createElement(c,{type:"ul",...o,"data-list":e?"unstyled block":"unstyled",ref:r},s));i.displayName="NavList";var m=t.forwardRef(({id:e,styles:s,classes:o,children:r,...N},v)=>t.createElement(c.ListItem,{type:"li",id:e,classes:o,styles:s,ref:v,...N},r));m.displayName="NavItem";var n=t.forwardRef(({children:e,...s},o)=>t.createElement(a,{as:"nav",...s,ref:o},e));n.displayName="Nav";var f=Object.assign(n,{List:i,Item:m}),y=f;
 
 export { i as a, m as b, n as c, y as d };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-FVROL3V5.js.map
+//# sourceMappingURL=chunk-2JCDEC32.js.map

package/libs/{chunk-IRLFZ3OL.js → chunk-3XJC4XUG.js}

@@ -1,9 +1,9 @@
 import { a } from './chunk-75QHTLFO.js';
-import { a as a$1 } from './chunk-HHLNOC5T.js';
+import { a as a$1 } from './chunk-DDSXKOUB.js';
 import n from 'react';
 
 var m=n.forwardRef(({id:e,classes:p,value:f,rows:c=5,cols:y=25,name:x,required:t,disabled:T,readOnly:b,validationState:h="none",errorMessage:u,hintText:v,onBlur:E,onPointerDown:M,onChange:N,onKeyDown:s,onEnter:i,styles:P,placeholder:g,...A},H)=>{let{disabledProps:o,handlers:I}=a(T,{handlers:{onChange:N,onBlur:E,onPointerDown:M,onKeyDown:r=>{r.key==="Enter"&&!r.shiftKey&&i&&i(r),s&&s(r);}},className:p}),L=h==="invalid",a$2=[];u&&e&&a$2.push(`${e}-error`),v&&e&&a$2.push(`${e}-hint`);let $=a$2.length>0?a$2.join(" "):void 0;return n.createElement(a$1,{as:"textarea",id:e,name:x,rows:c,cols:y,styles:P,className:o.className,"data-style":"textarea",required:t,value:f,"aria-disabled":o["aria-disabled"],"aria-required":t,"aria-invalid":L,"aria-describedby":$,readOnly:b,...I,ref:H,placeholder:g||`${t?"*":""} Message`,...A})});m.displayName="Textarea";var K=m;
 
 export { m as a, K as b };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-IRLFZ3OL.js.map
+//# sourceMappingURL=chunk-3XJC4XUG.js.map

package/libs/{chunk-L6PRDL6F.cjs → chunk-5CJPTDK3.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var a = require('react');
 
 function _interopNamespace(e) {
@@ -23,9 +23,9 @@ function _interopNamespace(e) {
 
 var a__namespace = /*#__PURE__*/_interopNamespace(a);
 
-var zo={display:"inline-flex",alignItems:"center",width:"auto"},to=({fill:o,strokeColor:e,styles:t,size:l=24,role:s="img",alt:i,children:p,...eo})=>a__namespace.createElement("svg",{fill:o,stroke:e,height:l,width:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",style:t,role:s,"aria-label":i,...eo},p),r=to;to.displayName="Svg";to.styles=zo;var wo={...r.styles,fill:"none",stroke:"currentColor"},lo=({strokeColor:o="currentColor",fill:e="none",size:t=16,styles:l,role:s="img",alt:i="Code icon",...p}={})=>a__namespace.createElement(r,{size:t,role:s,alt:i,styles:l,...p},a__namespace.createElement("g",{fill:e,stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.createElement("rect",{height:"22",width:"18",fill:"none",stroke:o,x:"3",y:"1"}),a__namespace.createElement("polyline",{fill:"none",points:"9 9 6 12 9 15"}),a__namespace.createElement("polyline",{fill:"none",points:"15 15 18 12 15 9"})));lo.styles=wo;var Io={...r.styles,fill:"currentColor",stroke:"none"},k=({strokeColor:o="currentColor",fill:e="none",size:t=16,styles:l=Io,role:s="img",alt:i="Home icon",...p})=>a__namespace.default.createElement(r,{size:t,styles:l,role:s,alt:i,...p},a__namespace.default.createElement("g",{fill:e,stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.default.createElement("polygon",{fill:"none",points:"12 2 2 10 2 23 9 23 9 16 15 16 15 23 22 23 22 10 12 2",stroke:o})));k.displayName="Home";k.styles=Io;var Lo={...r.styles,fill:"currentColor"},P=({fill:o="gray",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M17,11h-4V7c0-.553-.447-1-1-1s-1,.447-1,1v4H7c-.553,0-1,.447-1,1s.447,1,1,1h4v4c0,.553,.447,1,1,1s1-.447,1-1v-4h4c.553,0,1-.447,1-1s-.447-1-1-1Z",fill:o})));P.styles=Lo;P.displayName="Add";var Ao={...r.styles},h=({strokeColor:o="currentColor",fill:e="currentColor",size:t=16,styles:l,role:s="img",alt:i="Arrow pointing left",...p})=>a__namespace.createElement(r,{size:t,styles:l,role:s,...p,alt:i},a__namespace.createElement("g",{fill:e,strokeMiterlimit:"10"},a__namespace.createElement("line",{fill:"none",stroke:o,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"22",x2:"2",y1:"12",y2:"12"}),a__namespace.createElement("polyline",{fill:"none",points:"9,19 2,12 9,5 ",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));h.styles=Ao;h.displayName="ArrowLeft";var Mo={...r.styles},C=({size:o=16,strokeColor:e="currentcolor",styles:t,role:l="img",alt:s="Chat icon",...i})=>a__namespace.createElement(r,{size:o,styles:t,role:l,alt:s,...i},a__namespace.createElement("g",{fill:e,strokeMiterlimit:"10"},a__namespace.createElement("path",{d:"M21,2H3c-1.105,0-2,.895-2,2V15c0,1.105,.895,2,2,2h5l4,5,4-5h5c1.105,0,2-.895,2-2V4c0-1.105-.895-2-2-2Z",fill:"none",stroke:e,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));C.styles=Mo;C.displayName="Chat";var No={...r.styles},I=({fill:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Down icon",...i})=>a__namespace.createElement(r,{size:t,role:l,styles:e,alt:s,...i},a__namespace.createElement("g",{fill:o,strokeMiterlimit:"10"},a__namespace.createElement("line",{fill:"none",stroke:o,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"12",x2:"12",y1:"2",y2:"22"}),a__namespace.createElement("polyline",{fill:"none",points:"19,15 12,22 5,15 ",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));I.styles=No;I.displayName="ArrowDown";var Zo={...r.styles,fill:"none",stroke:"currentColor"},z=({strokeColor:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:"none",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.createElement("line",{fill:"none",strokeLinecap:"butt",x1:"12",x2:"12",y1:"22",y2:"2"}),a__namespace.createElement("polyline",{fill:"none",points:"5,9 12,2 19,9 ",stroke:o})));z.displayName="ArrowUp";z.style=Zo;var io=({size:o=16,fill:e="currentColor",strokeColor:t="currentColor",styles:l,role:s="img",alt:i="Right arrow icon",...p})=>a__namespace.default.createElement(r,{size:o,styles:l,role:s,alt:i,...p},a__namespace.default.createElement("g",{fill:e,stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.default.createElement("line",{fill:"none",strokeLinecap:"butt",x1:"2",x2:"22",y1:"12",y2:"12"}),a__namespace.default.createElement("polyline",{fill:"none",points:"15,5 22,12 15,19 ",stroke:t})));io.displayName="ArrowRight";var Ro={...r.styles,fill:"none",stroke:"currentColor"},A=({size:o=16,fill:e="none",strokeColor:t="currentColor",styles:l,alt:s="User Icon",role:i,...p})=>a__namespace.default.createElement(r,{size:o,role:i,alt:s,styles:l,...p},a__namespace.default.createElement("g",{fill:e,stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.default.createElement("circle",{cx:"12",cy:"5.5",fill:"none",r:"4.5"}),a__namespace.default.createElement("path",{d:"M12,14c-4.971,0-9,4.029-9,9H21c0-4.971-4.029-9-9-9Z",fill:"none",stroke:t})));A.styles=Ro;A.displayName="User";var Uo={fill:"currentColor"},M=({size:o=16,fill:e="currentColor",styles:t,role:l="img",alt:s="Right arrow icon",...i})=>a__namespace.default.createElement(r,{size:o,alt:s,styles:t,role:l,...i},a__namespace.default.createElement("g",{fill:e},a__namespace.default.createElement("path",{d:"M7,23a1,1,0,0,1-.707-1.707L15.586,12,6.293,2.707A1,1,0,0,1,7.707,1.293l10,10a1,1,0,0,1,0,1.414l-10,10A1,1,0,0,1,7,23Z",fill:e})));M.displayName="Right";M.styles=Uo;var Ho={...r.styles,fill:"currentColor"},N=({fill:o="currentColor",size:e=16,styles:t,role:l="img",alt:s="Left arrow icon",...i})=>a__namespace.default.createElement(r,{size:e,styles:t,alt:s,role:l,...i},a__namespace.default.createElement("g",{fill:o},a__namespace.default.createElement("path",{d:"M17,23a1,1,0,0,1-.707-.293l-10-10a1,1,0,0,1,0-1.414l10-10a1,1,0,0,1,1.414,1.414L8.414,12l9.293,9.293A1,1,0,0,1,17,23Z",fill:o})));N.displayName="Left";N.styles=Ho;var qo={fill:"currentColor"},Z=({size:o=24,fill:e="currentColor",styles:t,role:l="img",alt:s="Minus icon",...i})=>a__namespace.default.createElement(r,{size:o,styles:t,role:l,alt:s,...i},a__namespace.default.createElement("g",{fill:e},a__namespace.default.createElement("path",{d:"M17,11H7c-.553,0-1,.447-1,1s.447,1,1,1h10c.553,0,1-.447,1-1s-.447-1-1-1Z",fill:e})));Z.displayName="Minus";Z.styles=qo;var jo={fill:"currenStyle"},R=({size:o=16,fill:e="currentColor",styles:t,role:l="img",alt:s="Remove icon",...i})=>a__namespace.default.createElement(r,{size:o,alt:s,styles:t,role:l,...i},a__namespace.default.createElement("g",{fill:e},a__namespace.default.createElement("path",{d:"M19.7,4.3c-0.4-0.4-1-0.4-1.4,0L12,10.6L5.7,4.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l6.3,6.3l-6.3,6.3 c-0.4,0.4-0.4,1,0,1.4C4.5,19.9,4.7,20,5,20s0.5-0.1,0.7-0.3l6.3-6.3l6.3,6.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L13.4,12l6.3-6.3C20.1,5.3,20.1,4.7,19.7,4.3z",fill:e})));R.displayName="Remove";R.styles=jo;var Wo={...r.styles,stroke:"currentColor"},H=({size:o=16,strokeColor:e="currentColor",styles:t,role:l="img",alt:s="Copy icon",...i})=>a__namespace.default.createElement(r,{size:o,styles:t,role:l,alt:s,...i},a__namespace.default.createElement("g",{fill:"none",stroke:e,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.default.createElement("polyline",{fill:"none",points:"8 19 2 19 2 1 17 1 17 6",stroke:e}),a__namespace.default.createElement("rect",{height:"13",width:"10",fill:"none",x:"12",y:"10"})));H.displayName="Copy";H.styles=Wo;var Vo={...r.styles},q=({size:o=16,fill:e="currentColor",styles:t,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.default.createElement(r,{size:o,alt:s,styles:t,role:l,...i},a__namespace.default.createElement("g",{fill:e},a__namespace.default.createElement("path",{d:"M22,18a1,1,0,0,1-.707-.293L12,8.414,2.707,17.707a1,1,0,0,1-1.414-1.414l10-10a1,1,0,0,1,1.414,0l10,10A1,1,0,0,1,22,18Z",fill:e})));q.displayName="Up";q.styles=Vo;var Do={...r.styles},W=({size:o=16,fill:e="currentColor",styles:t,role:l="img",alt:s="Down arrow icon",...i})=>a__namespace.createElement(r,{size:o,alt:s,styles:t,role:l,...i},a__namespace.createElement("g",{fill:e},a__namespace.createElement("path",{d:"M12,18a1,1,0,0,1-.707-.293l-10-10A1,1,0,0,1,2.707,6.293L12,15.586l9.293-9.293a1,1,0,1,1,1.414,1.414l-10,10A1,1,0,0,1,12,18Z",fill:e})));W.displayName="Down";W.styles=Do;function yo({size:o=16,fill:e,strokeColor:t="currentColor",styles:l,role:s="img",alt:i="Star icon",...p}){return a__namespace.default.createElement(r,{size:o,alt:i,styles:l,role:s,...p},a__namespace.default.createElement("g",{fill:e,stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.default.createElement("polygon",{fill:"none",points:"12,2.49 15.09,8.75 22,9.754 17,14.628 18.18,21.51 12,18.262 5.82,21.51 7,14.628 2,9.754 8.91,8.75 ",stroke:t})))}yo.displayName="Star";var Eo={...r.styles,fill:"none",stroke:"currentColor"},D=({strokeColor:o="currentColor",styles:e,size:t=24,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},a__namespace.createElement("path",{d:"M7 21L7 3L19 12L7 21Z",stroke:o,"stroke-width":"2",fill:"none"})," "));D.displayName="PlayIcon";D.style=Eo;var Jo={...r.styles,fill:"none",stroke:"currentColor"},E=({strokeColor:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},a__namespace.createElement("rect",{x:"2",y:"2",width:"6",height:"20",fill:"none",stroke:o,"stroke-width":"2"}),a__namespace.createElement("rect",{x:"16",y:"2",width:"6",height:"20",fill:"none",stroke:o,"stroke-width":"2"})));E.displayName="Pause";E.style=Jo;var Xo={...r.styles,fill:"none",stroke:"currentColor"},J=({strokeColor:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},a__namespace.createElement("path",{d:"M20 21L20 3",stroke:o,"stroke-width":"2",fill:"none"}),a__namespace.createElement("path",{d:"M4 4L4 20L16 12L4 4Z",stroke:o,"stroke-width":"2",fill:"none"})));J.displayName="Resume";J.style=Xo;var bo={...r.styles,fill:"none",stroke:"currentColor"},b=({strokeColor:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},a__namespace.createElement("rect",{x:"2",y:"2",fill:"none",stroke:o,"stroke-width":"2",width:"20",height:"20"})));b.displayName="Stop";b.style=bo;var Qo={...r.styles,fill:"none",stroke:"currentColor"},B=({strokeColor:o="currentColor",styles:e,size:t=24,role:l="img",alt:s="Stop icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{fill:o,d:"M22,1H2C1.447,1,1,1.447,1,2v20c0,0.553,0.447,1,1,1h20c0.553,0,1-0.447,1-1V2C23,1.447,22.553,1,22,1z"})));B.displayName="StopSolid";B.style=Qo;var Bo={...r.styles,fill:"none",stroke:"currentColor"},G=({strokeColor:o="currentColor",styles:e,size:t=24,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{fill:o,d:"M20.555,11.168l-15-10c-0.307-0.204-0.702-0.224-1.026-0.05C4.203,1.292,4,1.631,4,2v20 c0,0.369,0.203,0.708,0.528,0.882C4.676,22.961,4.838,23,5,23c0.194,0,0.388-0.057,0.555-0.168l15-10C20.833,12.646,21,12.334,21,12 S20.833,11.354,20.555,11.168z"})));G.displayName="PlaySolid";G.style=Bo;var Fo={...r.styles,fill:"none",stroke:"currentColor"},K=({strokeColor:o="currentColor",styles:e,size:t=24,role:l="img",alt:s="Pause arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M7,1H2A1,1,0,0,0,1,2V22a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V2A1,1,0,0,0,7,1Z",fill:o}),a__namespace.createElement("path",{d:"M22,1H17a1,1,0,0,0-1,1V22a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V2A1,1,0,0,0,22,1Z",fill:o})));K.displayName="PauseSolid";K.style=Fo;var Go={...r.styles,fill:"none",stroke:"currentColor"},O=({strokeColor:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{fill:o,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 21.8685L17.8028 12L3 2.1315L3 21.8685Z"}),a__namespace.createElement("path",{fill:o,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19 2L19 22L21 22L21 2L19 2Z"})));O.displayName="ResumeSolid";O.style=Go;var uo=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Info icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z",fill:o})));uo.displayName="Info";var go=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M23.707,6.736,17.263.293A1,1,0,0,0,16.556,0H7.444a1,1,0,0,0-.707.293L.293,6.736A1,1,0,0,0,0,7.443v9.114a1,1,0,0,0,.293.707l6.444,6.443A1,1,0,0,0,7.444,24h9.112a1,1,0,0,0,.707-.293l6.444-6.443A1,1,0,0,0,24,16.557V7.443A1,1,0,0,0,23.707,6.736ZM13.645,5,13,14H11l-.608-9ZM12,20a2,2,0,1,1,2-2A2,2,0,0,1,12,20Z",fill:o})));go.displayName="AlertSolid";var So=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{fill:o,d:"M8,17.06V20h8v-2.94c3.059-1.514,5-4.607,5-8.06c0-4.963-4.038-9-9-9S3,4.037,3,9 C3,12.452,4.941,15.546,8,17.06z M7,9c0-2.757,2.243-5,5-5h1v2h-1c-1.654,0-3,1.346-3,3v1H7V9z"})," ",a__namespace.createElement("path",{fill:o,d:"M8,22v1c0,0.553,0.448,1,1,1h6c0.552,0,1-0.447,1-1v-1H8z"})));So.displayName="InfoSolid";var ko=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm0,19.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Zm2.688-7.198c-1.444,1.224-1.688,1.667-1.688,2.198,0,.553-.447,1-1,1s-1-.447-1-1c0-1.434,.807-2.379,2.395-3.724,.447-.38,1.844-1.72,1.024-3.046-.532-.861-2.517-.984-4.162-.256-.507,.223-1.096-.006-1.319-.511-.223-.505,.006-1.096,.511-1.319,2.33-1.03,5.463-.924,6.672,1.035,1.103,1.784,.554,3.938-1.433,5.622Z",fill:o})));ko.displayName="QuestionSolid";var xo=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M23.641,18.485L14.732,1.643C13.931,.134,12.059-.44,10.55,.361c-.546,.29-.992,.736-1.282,1.282L.359,18.485c-.793,1.504-.217,3.367,1.288,4.16,.445,.235,.942,.357,1.445,.355H20.908c1.7,.005,3.083-1.369,3.088-3.07,.002-.504-.12-1-.355-1.445Zm-11.641,1.515c-.828,0-1.5-.672-1.5-1.5s.672-1.5,1.5-1.5,1.5,.672,1.5,1.5-.672,1.5-1.5,1.5Zm.53-5h-1.061c-.264,0-.483-.205-.499-.469l-.438-7c-.018-.288,.211-.531,.499-.531h1.936c.288,0,.517,.243,.499,.531l-.438,7c-.016,.264-.235,.469-.499,.469Z",fill:o})));xo.displayName="WarnSolid";var Po=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12,12-5.373,12-12C23.981,5.381,18.619,.019,12,0Zm7.207,7.707l-9,9c-.195,.195-.451,.293-.707,.293s-.512-.098-.707-.293l-4-4c-.391-.391-.391-1.023,0-1.414s1.023-.391,1.414,0l3.293,3.293L17.793,6.293c.391-.391,1.023-.391,1.414,0s.391,1.023,0,1.414Z",fill:o})));Po.displayName="SuccessSolid";var ho=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M20,1H4c-1.654,0-3,1.346-3,3V20c0,1.654,1.346,3,3,3H20c1.654,0,3-1.346,3-3V4c0-1.654-1.346-3-3-3ZM11,7c0-.553,.448-1,1-1s1,.447,1,1v6c0,.553-.448,1-1,1s-1-.447-1-1V7Zm1,11.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Z",fill:o})));ho.displayName="AlertSquareSolid";var Oo={display:"inline-flex",direction:"row",gap:".2rem",placeItems:"center",width:"auto"},n=({id:o,classes:e,children:t,styles:l,"aria-hidden":s=!0,"aria-label":i,role:p,...eo})=>a__namespace.default.createElement(chunkENTCUJ3A_cjs.a,{id:o,as:"span",styles:l,className:e,"data-icon":!0,"data-style":"icons","aria-hidden":s,"aria-label":i,role:p,...eo},t),tt=n;n.displayName="Icon";n.Add=P;n.ArrowDown=I;n.ArrowLeft=h;n.ArrowRight=io;n.ArrowUp=z;n.Chat=C;n.Code=lo;n.Copy=H;n.Down=W;n.Home=k;n.Info=uo;n.InfoSolid=So;n.AlertSolid=go;n.Left=N;n.Minus=Z;n.Pause=E;n.PauseSolid=K;n.Play=D;n.PlaySolid=G;n.Remove=R;n.Resume=J;n.ResumeSolid=O;n.Right=M;n.Star=yo;n.Stop=b;n.StopSolid=B;n.Up=q;n.User=A;n.styles=Oo;n.QuestionSolid=ko;n.WarnSolid=xo;n.SuccessSolid=Po;n.AlertSquareSolid=ho;n.Close=n.Remove;
+var zo={display:"inline-flex",alignItems:"center",width:"auto"},to=({fill:o,strokeColor:e,styles:t,size:l=24,role:s="img",alt:i,children:p,...eo})=>a__namespace.createElement("svg",{fill:o,stroke:e,height:l,width:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",style:t,role:s,"aria-label":i,...eo},p),r=to;to.displayName="Svg";to.styles=zo;var wo={...r.styles,fill:"none",stroke:"currentColor"},lo=({strokeColor:o="currentColor",fill:e="none",size:t=16,styles:l,role:s="img",alt:i="Code icon",...p}={})=>a__namespace.createElement(r,{size:t,role:s,alt:i,styles:l,...p},a__namespace.createElement("g",{fill:e,stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.createElement("rect",{height:"22",width:"18",fill:"none",stroke:o,x:"3",y:"1"}),a__namespace.createElement("polyline",{fill:"none",points:"9 9 6 12 9 15"}),a__namespace.createElement("polyline",{fill:"none",points:"15 15 18 12 15 9"})));lo.styles=wo;var Io={...r.styles,fill:"currentColor",stroke:"none"},k=({strokeColor:o="currentColor",fill:e="none",size:t=16,styles:l=Io,role:s="img",alt:i="Home icon",...p})=>a__namespace.default.createElement(r,{size:t,styles:l,role:s,alt:i,...p},a__namespace.default.createElement("g",{fill:e,stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.default.createElement("polygon",{fill:"none",points:"12 2 2 10 2 23 9 23 9 16 15 16 15 23 22 23 22 10 12 2",stroke:o})));k.displayName="Home";k.styles=Io;var Lo={...r.styles,fill:"currentColor"},P=({fill:o="gray",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M17,11h-4V7c0-.553-.447-1-1-1s-1,.447-1,1v4H7c-.553,0-1,.447-1,1s.447,1,1,1h4v4c0,.553,.447,1,1,1s1-.447,1-1v-4h4c.553,0,1-.447,1-1s-.447-1-1-1Z",fill:o})));P.styles=Lo;P.displayName="Add";var Ao={...r.styles},h=({strokeColor:o="currentColor",fill:e="currentColor",size:t=16,styles:l,role:s="img",alt:i="Arrow pointing left",...p})=>a__namespace.createElement(r,{size:t,styles:l,role:s,...p,alt:i},a__namespace.createElement("g",{fill:e,strokeMiterlimit:"10"},a__namespace.createElement("line",{fill:"none",stroke:o,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"22",x2:"2",y1:"12",y2:"12"}),a__namespace.createElement("polyline",{fill:"none",points:"9,19 2,12 9,5 ",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));h.styles=Ao;h.displayName="ArrowLeft";var Mo={...r.styles},C=({size:o=16,strokeColor:e="currentcolor",styles:t,role:l="img",alt:s="Chat icon",...i})=>a__namespace.createElement(r,{size:o,styles:t,role:l,alt:s,...i},a__namespace.createElement("g",{fill:e,strokeMiterlimit:"10"},a__namespace.createElement("path",{d:"M21,2H3c-1.105,0-2,.895-2,2V15c0,1.105,.895,2,2,2h5l4,5,4-5h5c1.105,0,2-.895,2-2V4c0-1.105-.895-2-2-2Z",fill:"none",stroke:e,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));C.styles=Mo;C.displayName="Chat";var No={...r.styles},I=({fill:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Down icon",...i})=>a__namespace.createElement(r,{size:t,role:l,styles:e,alt:s,...i},a__namespace.createElement("g",{fill:o,strokeMiterlimit:"10"},a__namespace.createElement("line",{fill:"none",stroke:o,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"12",x2:"12",y1:"2",y2:"22"}),a__namespace.createElement("polyline",{fill:"none",points:"19,15 12,22 5,15 ",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));I.styles=No;I.displayName="ArrowDown";var Zo={...r.styles,fill:"none",stroke:"currentColor"},z=({strokeColor:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:"none",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.createElement("line",{fill:"none",strokeLinecap:"butt",x1:"12",x2:"12",y1:"22",y2:"2"}),a__namespace.createElement("polyline",{fill:"none",points:"5,9 12,2 19,9 ",stroke:o})));z.displayName="ArrowUp";z.style=Zo;var io=({size:o=16,fill:e="currentColor",strokeColor:t="currentColor",styles:l,role:s="img",alt:i="Right arrow icon",...p})=>a__namespace.default.createElement(r,{size:o,styles:l,role:s,alt:i,...p},a__namespace.default.createElement("g",{fill:e,stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.default.createElement("line",{fill:"none",strokeLinecap:"butt",x1:"2",x2:"22",y1:"12",y2:"12"}),a__namespace.default.createElement("polyline",{fill:"none",points:"15,5 22,12 15,19 ",stroke:t})));io.displayName="ArrowRight";var Ro={...r.styles,fill:"none",stroke:"currentColor"},A=({size:o=16,fill:e="none",strokeColor:t="currentColor",styles:l,alt:s="User Icon",role:i,...p})=>a__namespace.default.createElement(r,{size:o,role:i,alt:s,styles:l,...p},a__namespace.default.createElement("g",{fill:e,stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.default.createElement("circle",{cx:"12",cy:"5.5",fill:"none",r:"4.5"}),a__namespace.default.createElement("path",{d:"M12,14c-4.971,0-9,4.029-9,9H21c0-4.971-4.029-9-9-9Z",fill:"none",stroke:t})));A.styles=Ro;A.displayName="User";var Uo={fill:"currentColor"},M=({size:o=16,fill:e="currentColor",styles:t,role:l="img",alt:s="Right arrow icon",...i})=>a__namespace.default.createElement(r,{size:o,alt:s,styles:t,role:l,...i},a__namespace.default.createElement("g",{fill:e},a__namespace.default.createElement("path",{d:"M7,23a1,1,0,0,1-.707-1.707L15.586,12,6.293,2.707A1,1,0,0,1,7.707,1.293l10,10a1,1,0,0,1,0,1.414l-10,10A1,1,0,0,1,7,23Z",fill:e})));M.displayName="Right";M.styles=Uo;var Ho={...r.styles,fill:"currentColor"},N=({fill:o="currentColor",size:e=16,styles:t,role:l="img",alt:s="Left arrow icon",...i})=>a__namespace.default.createElement(r,{size:e,styles:t,alt:s,role:l,...i},a__namespace.default.createElement("g",{fill:o},a__namespace.default.createElement("path",{d:"M17,23a1,1,0,0,1-.707-.293l-10-10a1,1,0,0,1,0-1.414l10-10a1,1,0,0,1,1.414,1.414L8.414,12l9.293,9.293A1,1,0,0,1,17,23Z",fill:o})));N.displayName="Left";N.styles=Ho;var qo={fill:"currentColor"},Z=({size:o=24,fill:e="currentColor",styles:t,role:l="img",alt:s="Minus icon",...i})=>a__namespace.default.createElement(r,{size:o,styles:t,role:l,alt:s,...i},a__namespace.default.createElement("g",{fill:e},a__namespace.default.createElement("path",{d:"M17,11H7c-.553,0-1,.447-1,1s.447,1,1,1h10c.553,0,1-.447,1-1s-.447-1-1-1Z",fill:e})));Z.displayName="Minus";Z.styles=qo;var jo={fill:"currenStyle"},R=({size:o=16,fill:e="currentColor",styles:t,role:l="img",alt:s="Remove icon",...i})=>a__namespace.default.createElement(r,{size:o,alt:s,styles:t,role:l,...i},a__namespace.default.createElement("g",{fill:e},a__namespace.default.createElement("path",{d:"M19.7,4.3c-0.4-0.4-1-0.4-1.4,0L12,10.6L5.7,4.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l6.3,6.3l-6.3,6.3 c-0.4,0.4-0.4,1,0,1.4C4.5,19.9,4.7,20,5,20s0.5-0.1,0.7-0.3l6.3-6.3l6.3,6.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L13.4,12l6.3-6.3C20.1,5.3,20.1,4.7,19.7,4.3z",fill:e})));R.displayName="Remove";R.styles=jo;var Wo={...r.styles,stroke:"currentColor"},H=({size:o=16,strokeColor:e="currentColor",styles:t,role:l="img",alt:s="Copy icon",...i})=>a__namespace.default.createElement(r,{size:o,styles:t,role:l,alt:s,...i},a__namespace.default.createElement("g",{fill:"none",stroke:e,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.default.createElement("polyline",{fill:"none",points:"8 19 2 19 2 1 17 1 17 6",stroke:e}),a__namespace.default.createElement("rect",{height:"13",width:"10",fill:"none",x:"12",y:"10"})));H.displayName="Copy";H.styles=Wo;var Vo={...r.styles},q=({size:o=16,fill:e="currentColor",styles:t,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.default.createElement(r,{size:o,alt:s,styles:t,role:l,...i},a__namespace.default.createElement("g",{fill:e},a__namespace.default.createElement("path",{d:"M22,18a1,1,0,0,1-.707-.293L12,8.414,2.707,17.707a1,1,0,0,1-1.414-1.414l10-10a1,1,0,0,1,1.414,0l10,10A1,1,0,0,1,22,18Z",fill:e})));q.displayName="Up";q.styles=Vo;var Do={...r.styles},W=({size:o=16,fill:e="currentColor",styles:t,role:l="img",alt:s="Down arrow icon",...i})=>a__namespace.createElement(r,{size:o,alt:s,styles:t,role:l,...i},a__namespace.createElement("g",{fill:e},a__namespace.createElement("path",{d:"M12,18a1,1,0,0,1-.707-.293l-10-10A1,1,0,0,1,2.707,6.293L12,15.586l9.293-9.293a1,1,0,1,1,1.414,1.414l-10,10A1,1,0,0,1,12,18Z",fill:e})));W.displayName="Down";W.styles=Do;function yo({size:o=16,fill:e,strokeColor:t="currentColor",styles:l,role:s="img",alt:i="Star icon",...p}){return a__namespace.default.createElement(r,{size:o,alt:i,styles:l,role:s,...p},a__namespace.default.createElement("g",{fill:e,stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},a__namespace.default.createElement("polygon",{fill:"none",points:"12,2.49 15.09,8.75 22,9.754 17,14.628 18.18,21.51 12,18.262 5.82,21.51 7,14.628 2,9.754 8.91,8.75 ",stroke:t})))}yo.displayName="Star";var Eo={...r.styles,fill:"none",stroke:"currentColor"},D=({strokeColor:o="currentColor",styles:e,size:t=24,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},a__namespace.createElement("path",{d:"M7 21L7 3L19 12L7 21Z",stroke:o,"stroke-width":"2",fill:"none"})," "));D.displayName="PlayIcon";D.style=Eo;var Jo={...r.styles,fill:"none",stroke:"currentColor"},E=({strokeColor:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},a__namespace.createElement("rect",{x:"2",y:"2",width:"6",height:"20",fill:"none",stroke:o,"stroke-width":"2"}),a__namespace.createElement("rect",{x:"16",y:"2",width:"6",height:"20",fill:"none",stroke:o,"stroke-width":"2"})));E.displayName="Pause";E.style=Jo;var Xo={...r.styles,fill:"none",stroke:"currentColor"},J=({strokeColor:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},a__namespace.createElement("path",{d:"M20 21L20 3",stroke:o,"stroke-width":"2",fill:"none"}),a__namespace.createElement("path",{d:"M4 4L4 20L16 12L4 4Z",stroke:o,"stroke-width":"2",fill:"none"})));J.displayName="Resume";J.style=Xo;var bo={...r.styles,fill:"none",stroke:"currentColor"},b=({strokeColor:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},a__namespace.createElement("rect",{x:"2",y:"2",fill:"none",stroke:o,"stroke-width":"2",width:"20",height:"20"})));b.displayName="Stop";b.style=bo;var Qo={...r.styles,fill:"none",stroke:"currentColor"},B=({strokeColor:o="currentColor",styles:e,size:t=24,role:l="img",alt:s="Stop icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{fill:o,d:"M22,1H2C1.447,1,1,1.447,1,2v20c0,0.553,0.447,1,1,1h20c0.553,0,1-0.447,1-1V2C23,1.447,22.553,1,22,1z"})));B.displayName="StopSolid";B.style=Qo;var Bo={...r.styles,fill:"none",stroke:"currentColor"},G=({strokeColor:o="currentColor",styles:e,size:t=24,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{fill:o,d:"M20.555,11.168l-15-10c-0.307-0.204-0.702-0.224-1.026-0.05C4.203,1.292,4,1.631,4,2v20 c0,0.369,0.203,0.708,0.528,0.882C4.676,22.961,4.838,23,5,23c0.194,0,0.388-0.057,0.555-0.168l15-10C20.833,12.646,21,12.334,21,12 S20.833,11.354,20.555,11.168z"})));G.displayName="PlaySolid";G.style=Bo;var Fo={...r.styles,fill:"none",stroke:"currentColor"},K=({strokeColor:o="currentColor",styles:e,size:t=24,role:l="img",alt:s="Pause arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M7,1H2A1,1,0,0,0,1,2V22a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V2A1,1,0,0,0,7,1Z",fill:o}),a__namespace.createElement("path",{d:"M22,1H17a1,1,0,0,0-1,1V22a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V2A1,1,0,0,0,22,1Z",fill:o})));K.displayName="PauseSolid";K.style=Fo;var Go={...r.styles,fill:"none",stroke:"currentColor"},O=({strokeColor:o="currentColor",styles:e,size:t=16,role:l="img",alt:s="Up arrow icon",...i})=>a__namespace.createElement(r,{size:t,styles:e,role:l,alt:s,...i},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{fill:o,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 21.8685L17.8028 12L3 2.1315L3 21.8685Z"}),a__namespace.createElement("path",{fill:o,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19 2L19 22L21 22L21 2L19 2Z"})));O.displayName="ResumeSolid";O.style=Go;var uo=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Info icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z",fill:o})));uo.displayName="Info";var go=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M23.707,6.736,17.263.293A1,1,0,0,0,16.556,0H7.444a1,1,0,0,0-.707.293L.293,6.736A1,1,0,0,0,0,7.443v9.114a1,1,0,0,0,.293.707l6.444,6.443A1,1,0,0,0,7.444,24h9.112a1,1,0,0,0,.707-.293l6.444-6.443A1,1,0,0,0,24,16.557V7.443A1,1,0,0,0,23.707,6.736ZM13.645,5,13,14H11l-.608-9ZM12,20a2,2,0,1,1,2-2A2,2,0,0,1,12,20Z",fill:o})));go.displayName="AlertSolid";var So=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{fill:o,d:"M8,17.06V20h8v-2.94c3.059-1.514,5-4.607,5-8.06c0-4.963-4.038-9-9-9S3,4.037,3,9 C3,12.452,4.941,15.546,8,17.06z M7,9c0-2.757,2.243-5,5-5h1v2h-1c-1.654,0-3,1.346-3,3v1H7V9z"})," ",a__namespace.createElement("path",{fill:o,d:"M8,22v1c0,0.553,0.448,1,1,1h6c0.552,0,1-0.447,1-1v-1H8z"})));So.displayName="InfoSolid";var ko=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm0,19.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Zm2.688-7.198c-1.444,1.224-1.688,1.667-1.688,2.198,0,.553-.447,1-1,1s-1-.447-1-1c0-1.434,.807-2.379,2.395-3.724,.447-.38,1.844-1.72,1.024-3.046-.532-.861-2.517-.984-4.162-.256-.507,.223-1.096-.006-1.319-.511-.223-.505,.006-1.096,.511-1.319,2.33-1.03,5.463-.924,6.672,1.035,1.103,1.784,.554,3.938-1.433,5.622Z",fill:o})));ko.displayName="QuestionSolid";var xo=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M23.641,18.485L14.732,1.643C13.931,.134,12.059-.44,10.55,.361c-.546,.29-.992,.736-1.282,1.282L.359,18.485c-.793,1.504-.217,3.367,1.288,4.16,.445,.235,.942,.357,1.445,.355H20.908c1.7,.005,3.083-1.369,3.088-3.07,.002-.504-.12-1-.355-1.445Zm-11.641,1.515c-.828,0-1.5-.672-1.5-1.5s.672-1.5,1.5-1.5,1.5,.672,1.5,1.5-.672,1.5-1.5,1.5Zm.53-5h-1.061c-.264,0-.483-.205-.499-.469l-.438-7c-.018-.288,.211-.531,.499-.531h1.936c.288,0,.517,.243,.499,.531l-.438,7c-.016,.264-.235,.469-.499,.469Z",fill:o})));xo.displayName="WarnSolid";var Po=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12,12-5.373,12-12C23.981,5.381,18.619,.019,12,0Zm7.207,7.707l-9,9c-.195,.195-.451,.293-.707,.293s-.512-.098-.707-.293l-4-4c-.391-.391-.391-1.023,0-1.414s1.023-.391,1.414,0l3.293,3.293L17.793,6.293c.391-.391,1.023-.391,1.414,0s.391,1.023,0,1.414Z",fill:o})));Po.displayName="SuccessSolid";var ho=({fill:o="currentColor",size:e=24,role:t="img",alt:l="Add icon",...s})=>a__namespace.createElement(r,{size:e,role:t,alt:l,...s},a__namespace.createElement("g",{fill:o},a__namespace.createElement("path",{d:"M20,1H4c-1.654,0-3,1.346-3,3V20c0,1.654,1.346,3,3,3H20c1.654,0,3-1.346,3-3V4c0-1.654-1.346-3-3-3ZM11,7c0-.553,.448-1,1-1s1,.447,1,1v6c0,.553-.448,1-1,1s-1-.447-1-1V7Zm1,11.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Z",fill:o})));ho.displayName="AlertSquareSolid";var Oo={display:"inline-flex",direction:"row",gap:".2rem",placeItems:"center",width:"auto"},n=({id:o,classes:e,children:t,styles:l,"aria-hidden":s=!0,"aria-label":i,role:p,...eo})=>a__namespace.default.createElement(chunkEJ6KYBFE_cjs.a,{id:o,as:"span",styles:l,className:e,"data-icon":!0,"data-style":"icons","aria-hidden":s,"aria-label":i,role:p,...eo},t),tt=n;n.displayName="Icon";n.Add=P;n.ArrowDown=I;n.ArrowLeft=h;n.ArrowRight=io;n.ArrowUp=z;n.Chat=C;n.Code=lo;n.Copy=H;n.Down=W;n.Home=k;n.Info=uo;n.InfoSolid=So;n.AlertSolid=go;n.Left=N;n.Minus=Z;n.Pause=E;n.PauseSolid=K;n.Play=D;n.PlaySolid=G;n.Remove=R;n.Resume=J;n.ResumeSolid=O;n.Right=M;n.Star=yo;n.Stop=b;n.StopSolid=B;n.Up=q;n.User=A;n.styles=Oo;n.QuestionSolid=ko;n.WarnSolid=xo;n.SuccessSolid=Po;n.AlertSquareSolid=ho;n.Close=n.Remove;
 
 exports.a = n;
 exports.b = tt;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-L6PRDL6F.cjs.map
+//# sourceMappingURL=chunk-5CJPTDK3.cjs.map

package/libs/{chunk-E4OSROCA.cjs → chunk-5QSNJQVH.cjs}

@@ -2,16 +2,16 @@
 
 var chunkPNWIRCG3_cjs = require('./chunk-PNWIRCG3.cjs');
 var chunkTON2YGMD_cjs = require('./chunk-TON2YGMD.cjs');
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var D = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var D__default = /*#__PURE__*/_interopDefault(D);
 
-var r=({type:a="button",children:n,styles:p,disabled:i,isDisabled:l,classes:m,onPointerDown:u,onPointerOver:d,onPointerLeave:b,onClick:P,onKeyDown:c,...y})=>{let B=chunkPNWIRCG3_cjs.a(i,l),{disabledProps:t,handlers:f}=chunkTON2YGMD_cjs.a(B,{handlers:{onClick:P,onPointerDown:u,onKeyDown:c},className:m});return D__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"button",type:a,"aria-disabled":t["aria-disabled"],onPointerOver:d,onPointerLeave:b,style:p,className:t.className,...f,...y},n)};var h=r;r.displayName="Button";
+var r=({type:a="button",children:n,styles:p,disabled:i,isDisabled:l,classes:m,onPointerDown:u,onPointerOver:d,onPointerLeave:b,onClick:P,onKeyDown:c,...y})=>{let B=chunkPNWIRCG3_cjs.a(i,l),{disabledProps:t,handlers:f}=chunkTON2YGMD_cjs.a(B,{handlers:{onClick:P,onPointerDown:u,onKeyDown:c},className:m});return D__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"button",type:a,"aria-disabled":t["aria-disabled"],onPointerOver:d,onPointerLeave:b,style:p,className:t.className,...f,...y},n)};var h=r;r.displayName="Button";
 
 exports.a = r;
 exports.b = h;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-E4OSROCA.cjs.map
+//# sourceMappingURL=chunk-5QSNJQVH.cjs.map

package/libs/{chunk-O3JIHC5M.cjs → chunk-6BUJZ4DJ.cjs}

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var l = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var l__default = /*#__PURE__*/_interopDefault(l);
 
-var t=({label:o,labelFor:a,id:r,styles:p,classes:s,children:d,...i})=>l__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"div",id:r,styles:p,className:s,"data-style":"fields",...i},l__default.default.createElement("label",{htmlFor:a},o),d),n=t;t.displayName="Field";
+var t=({label:o,labelFor:a,id:r,styles:p,classes:s,children:d,...i})=>l__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",id:r,styles:p,className:s,"data-style":"fields",...i},l__default.default.createElement("label",{htmlFor:a},o),d),n=t;t.displayName="Field";
 
 exports.a = t;
 exports.b = n;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-O3JIHC5M.cjs.map
+//# sourceMappingURL=chunk-6BUJZ4DJ.cjs.map

package/libs/{chunk-WXBFBWYF.cjs → chunk-AFINOD2L.cjs}

@@ -1,16 +1,16 @@
 'use strict';
 
 var chunkTON2YGMD_cjs = require('./chunk-TON2YGMD.cjs');
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var n = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var n__default = /*#__PURE__*/_interopDefault(n);
 
-var m=n__default.default.forwardRef(({id:e,classes:p,value:f,rows:c=5,cols:y=25,name:x,required:t,disabled:T,readOnly:b,validationState:h="none",errorMessage:u,hintText:v,onBlur:E,onPointerDown:M,onChange:N,onKeyDown:s,onEnter:i,styles:P,placeholder:g,...A},H)=>{let{disabledProps:o,handlers:I}=chunkTON2YGMD_cjs.a(T,{handlers:{onChange:N,onBlur:E,onPointerDown:M,onKeyDown:r=>{r.key==="Enter"&&!r.shiftKey&&i&&i(r),s&&s(r);}},className:p}),L=h==="invalid",a=[];u&&e&&a.push(`${e}-error`),v&&e&&a.push(`${e}-hint`);let $=a.length>0?a.join(" "):void 0;return n__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"textarea",id:e,name:x,rows:c,cols:y,styles:P,className:o.className,"data-style":"textarea",required:t,value:f,"aria-disabled":o["aria-disabled"],"aria-required":t,"aria-invalid":L,"aria-describedby":$,readOnly:b,...I,ref:H,placeholder:g||`${t?"*":""} Message`,...A})});m.displayName="Textarea";var K=m;
+var m=n__default.default.forwardRef(({id:e,classes:p,value:f,rows:c=5,cols:y=25,name:x,required:t,disabled:T,readOnly:b,validationState:h="none",errorMessage:u,hintText:v,onBlur:E,onPointerDown:M,onChange:N,onKeyDown:s,onEnter:i,styles:P,placeholder:g,...A},H)=>{let{disabledProps:o,handlers:I}=chunkTON2YGMD_cjs.a(T,{handlers:{onChange:N,onBlur:E,onPointerDown:M,onKeyDown:r=>{r.key==="Enter"&&!r.shiftKey&&i&&i(r),s&&s(r);}},className:p}),L=h==="invalid",a=[];u&&e&&a.push(`${e}-error`),v&&e&&a.push(`${e}-hint`);let $=a.length>0?a.join(" "):void 0;return n__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"textarea",id:e,name:x,rows:c,cols:y,styles:P,className:o.className,"data-style":"textarea",required:t,value:f,"aria-disabled":o["aria-disabled"],"aria-required":t,"aria-invalid":L,"aria-describedby":$,readOnly:b,...I,ref:H,placeholder:g||`${t?"*":""} Message`,...A})});m.displayName="Textarea";var K=m;
 
 exports.a = m;
 exports.b = K;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-WXBFBWYF.cjs.map
+//# sourceMappingURL=chunk-AFINOD2L.cjs.map

package/libs/{chunk-HRRHPLER.js → chunk-AWZLSWDO.js}

@@ -1,8 +1,8 @@
-import { a } from './chunk-HHLNOC5T.js';
+import { a } from './chunk-DDSXKOUB.js';
 import l from 'react';
 
 var t=({label:o,labelFor:a$1,id:r,styles:p,classes:s,children:d,...i})=>l.createElement(a,{as:"div",id:r,styles:p,className:s,"data-style":"fields",...i},l.createElement("label",{htmlFor:a$1},o),d),n=t;t.displayName="Field";
 
 export { t as a, n as b };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-HRRHPLER.js.map
+//# sourceMappingURL=chunk-AWZLSWDO.js.map

package/libs/chunk-DDSXKOUB.js

@@ -0,0 +1,7 @@
+import e from 'react';
+
+var t=e.forwardRef(({as:o,styles:p,style:r,classes:n,children:s,defaultStyles:a,...m},c)=>{let C=o??"div",l={...a,...p,...r};return e.createElement(C,{...m,ref:c,style:l,className:n},s)}),y=t;t.displayName="UI";
+
+export { y as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-DDSXKOUB.js.map

package/libs/chunk-DDSXKOUB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui.tsx"],"names":["React","UI","as","styles","style","classes","children","defaultStyles","props","ref","Component","styleObj","ui_default"],"mappings":"AAEA,OAAOA,MAAW,QAiTlB,IAAMC,EAAkBD,EAAM,WAC5B,CACE,CAAE,GAAAE,EAAI,OAAAC,EAAQ,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAM,EAChEC,IACG,CACH,IAAMC,EAAYR,GAAM,MAElBS,EAAgC,CAAE,GAAGJ,EAAe,GAAGJ,EAAQ,GAAGC,CAAM,EAE9E,OACEJ,EAAA,cAACU,EAAA,CAAW,GAAGF,EAAO,IAAKC,EAAK,MAAOE,EAAU,UAAWN,GACzDC,CACH,CAEJ,CACF,EAEOM,EAAQX,EACfA,EAAG,YAAc","sourcesContent":[" \n/* eslint-disable */\nimport React from \"react\";\n\n/**\n * Extracts the appropriate ref type for a given element type.\n *\n * This utility type ensures that refs are properly typed based on the element\n * being rendered. For example, a button element receives HTMLButtonElement ref.\n * Excludes legacy string refs (deprecated since React 16.3).\n *\n * @typeParam C - The HTML element type (e.g., 'button', 'div', 'a')\n * @example\n * ```typescript\n * type ButtonRef = PolymorphicRef<'button'>; // React.Ref<HTMLButtonElement>\n * type DivRef = PolymorphicRef<'div'>; // React.Ref<HTMLDivElement>\n * ```\n */\ntype PolymorphicRef<C extends React.ElementType> = React.Ref<\n  React.ElementRef<C>\n>;\n\n/**\n * Defines the 'as' prop that determines which HTML element to render.\n *\n * This is the core prop that enables polymorphic behavior, allowing components\n * to render as any valid React element type while maintaining type safety.\n *\n * @typeParam C - The HTML element type to render\n * @example\n * ```typescript\n * <UI as=\"button\">Click me</UI>\n * <UI as=\"a\" href=\"/home\">Link</UI>\n * ```\n */\ntype AsProp<C extends React.ElementType> = {\n  as?: C;\n};\n\n/**\n * Identifies props that should be omitted to prevent type conflicts.\n *\n * This type ensures that our custom props don't conflict with native element\n * props by calculating which keys need to be omitted from the native props.\n *\n * @typeParam C - The HTML element type\n * @typeParam P - The custom props to merge\n */\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n/**\n * Merges custom props with native element props while preventing conflicts.\n *\n * This creates a union of our custom props and the native props for the chosen\n * element, omitting any conflicting keys to ensure type safety.\n *\n * @typeParam C - The HTML element type\n * @typeParam Props - The custom props to add\n * @example\n * ```typescript\n * // For a button, this merges custom props with HTMLButtonElement props\n * type ButtonProps = PolymorphicComponentProp<'button', { variant?: string }>;\n * ```\n */\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = {},\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n/**\n * Extends PolymorphicComponentProp to include properly-typed ref support.\n *\n * This is the final type in the polymorphic type chain, adding ref forwarding\n * with the correct ref type for the chosen element. The ref is properly typed\n * to match the element being rendered, enabling focus management and direct\n * DOM access for accessibility features like programmatic focus control.\n *\n * Supports both PolymorphicRef and ForwardedRef for compatibility with\n * React.forwardRef components.\n *\n * @typeParam C - The HTML element type\n * @typeParam Props - The custom props to add\n *\n * @example\n * ```typescript\n * // Using ref for focus management (important for accessibility)\n * const buttonRef = useRef<HTMLButtonElement>(null);\n * useEffect(() => {\n *   // Programmatically focus for keyboard navigation\n *   buttonRef.current?.focus();\n * }, []);\n *\n * return <UI as=\"button\" ref={buttonRef}>Accessible Button</UI>;\n * ```\n */\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = {},\n> = PolymorphicComponentProp<C, Props> & {\n  ref?: PolymorphicRef<C> | React.ForwardedRef<React.ElementRef<C>>;\n};\n\n/**\n * Props for the UI component, extending polymorphic props with style and class support.\n *\n * The UI component automatically forwards all ARIA attributes and native HTML props\n * to the rendered element, ensuring full accessibility support. This includes:\n * - `aria-label`, `aria-labelledby` - Accessible names for screen readers\n * - `aria-describedby` - Additional descriptive text references\n * - `aria-expanded`, `aria-controls` - Interactive widget states\n * - `role` - Semantic role override when needed\n * - All other ARIA attributes and HTML props\n *\n * @typeParam C - The HTML element type to render\n * @property {boolean} [renderStyles] - Reserved for future use. Currently has no effect.\n *   Styles are always rendered regardless of this prop value.\n * @property {React.CSSProperties} [styles] - Inline styles to apply (overrides defaultStyles)\n * @property {React.CSSProperties} [defaultStyles] - Base styles that can be overridden by styles prop\n * @property {string} [classes] - CSS class names to apply to the element\n * @property {string} [id] - HTML id attribute\n * @property {React.ReactNode} [children] - Child elements to render\n *\n * @example\n * ```typescript\n * // All ARIA attributes are automatically forwarded\n * <UI as=\"button\" aria-label=\"Close dialog\" aria-expanded={isOpen}>\n *   <CloseIcon />\n * </UI>\n * ```\n */\ntype UIProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<\n  C,\n  {\n    /** @deprecated Reserved for future use. Currently has no effect. Styles are always rendered. */\n    renderStyles?: boolean;\n    styles?: React.CSSProperties;\n    defaultStyles?: React.CSSProperties;\n    classes?: string;\n    id?: string;\n    children?: React.ReactNode;\n  }\n>;\n\n/**\n * UI Component function signature.\n *\n * Defines the polymorphic component that can render as any HTML element while\n * maintaining full TypeScript type safety for element-specific props.\n *\n * @typeParam C - The HTML element type to render (defaults to 'div')\n * @param {UIProps<C>} props - Component props including 'as', styles, and native element props\n * @returns {React.ReactElement} A React element of the specified type\n * @example\n * ```typescript\n * <UI as=\"button\" onClick={handler}>Button</UI>\n * <UI as=\"a\" href=\"/link\">Link</UI>\n * <UI>Default div</UI>\n * ```\n */\ntype UIComponent = (<C extends React.ElementType = \"div\">(\n  props: UIProps<C>\n) => React.ReactElement | any) & { displayName?: string };\n\n/**\n * UI - A polymorphic React component that can render as any HTML element.\n *\n * The UI component is a foundational primitive used throughout fpkit to create\n * flexible, type-safe components. It implements the polymorphic component pattern,\n * allowing a single component to render as different HTML elements while maintaining\n * full TypeScript type safety for element-specific props.\n *\n * ## Accessibility Considerations\n *\n * The UI component forwards all ARIA attributes and native HTML props, placing\n * accessibility responsibility on the consumer. When creating interactive elements,\n * you MUST ensure WCAG 2.1 AA compliance:\n *\n * - **Accessible Names**: All interactive elements need an accessible name via\n *   `aria-label`, `aria-labelledby`, or visible text content\n * - **Semantic HTML**: Prefer semantic elements (`button`, `a`, `nav`) over\n *   generic containers (`div`, `span`) with ARIA roles when possible\n * - **Focus Indicators**: Ensure focus indicators meet WCAG 2.4.7 (3:1 contrast)\n * - **Keyboard Support**: Interactive elements must be keyboard accessible\n *\n * @typeParam C - The HTML element type to render (e.g., 'button', 'div', 'a')\n *\n * @param {C} [as='div'] - The HTML element type to render. Defaults to 'div'.\n * @param {React.CSSProperties} [styles] - Inline styles to apply. Overrides defaultStyles.\n * @param {string} [classes] - CSS class names to apply to the element.\n * @param {React.CSSProperties} [defaultStyles] - Base styles that can be overridden by styles prop.\n * @param {React.ReactNode} [children] - Child elements to render inside the component.\n * @param {PolymorphicRef<C>} [ref] - Forwarded ref with proper typing for the element type.\n * @param {boolean} [renderStyles] - Reserved for future use. Currently has no effect.\n *\n * @returns {React.ReactElement} A React element of the specified type with merged props.\n *\n * @example\n * // Basic usage - renders as div\n * <UI>Hello World</UI>\n *\n * @example\n * // Polymorphic rendering - renders as button with type-safe props\n * <UI as=\"button\" onClick={handleClick} disabled>\n *   Click me\n * </UI>\n *\n * @example\n * // ✅ GOOD: Accessible button with aria-label for icon-only button\n * <UI as=\"button\" aria-label=\"Close dialog\" onClick={handleClose}>\n *   <CloseIcon />\n * </UI>\n *\n * @example\n * // ✅ GOOD: Accessible link with descriptive text\n * <UI as=\"a\" href=\"/products\">\n *   View all products\n * </UI>\n *\n * @example\n * // ✅ GOOD: Interactive element with proper role and keyboard support\n * <UI\n *   as=\"div\"\n *   role=\"button\"\n *   tabIndex={0}\n *   aria-label=\"Toggle menu\"\n *   onClick={handleToggle}\n *   onKeyDown={(e) => e.key === 'Enter' && handleToggle()}\n * >\n *   Menu\n * </UI>\n *\n * @example\n * // ❌ BAD: Button without accessible name (screen readers can't identify it)\n * <UI as=\"button\" onClick={handleClose}>\n *   <CloseIcon />\n * </UI>\n *\n * @example\n * // ❌ BAD: Non-semantic div with click handler (not keyboard accessible)\n * <UI as=\"div\" onClick={handleClick}>\n *   Click me\n * </UI>\n *\n * @example\n * // ✅ GOOD: Custom focus indicator with WCAG 2.4.7 compliant contrast\n * <UI\n *   as=\"button\"\n *   styles={{\n *     outline: '2px solid transparent',\n *     outlineOffset: '2px',\n *   }}\n *   classes=\"focus:outline-blue-500\"\n * >\n *   Accessible Button\n * </UI>\n *\n * @example\n * // Style merging - defaultStyles provide base, styles override\n * <UI\n *   as=\"span\"\n *   defaultStyles={{ padding: '0.5rem', color: 'blue' }}\n *   styles={{ color: 'red' }}\n * >\n *   Red text with padding\n * </UI>\n *\n * @example\n * // Ref forwarding for focus management\n * const buttonRef = useRef<HTMLButtonElement>(null);\n * useEffect(() => {\n *   // Programmatically focus for keyboard navigation\n *   buttonRef.current?.focus();\n * }, []);\n * <UI as=\"button\" ref={buttonRef}>Auto-focused Button</UI>\n *\n * @example\n * // Building accessible higher-level components with TypeScript\n * interface AccessibleButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n *   variant?: 'primary' | 'secondary';\n *   // Require either aria-label or children for accessibility\n *   'aria-label'?: string;\n *   children?: React.ReactNode;\n * }\n *\n * const AccessibleButton = React.forwardRef<HTMLButtonElement, AccessibleButtonProps>(\n *   ({ variant = 'primary', ...props }, ref) => {\n *     // Runtime check: ensure accessible name is provided\n *     if (!props['aria-label'] && !props.children) {\n *       console.warn('AccessibleButton requires either aria-label or children');\n *     }\n *\n *     return (\n *       <UI\n *         as=\"button\"\n *         ref={ref}\n *         defaultStyles={{\n *           padding: '0.5rem 1rem',\n *           borderRadius: '0.25rem',\n *           backgroundColor: variant === 'primary' ? '#007bff' : '#6c757d',\n *         }}\n *         {...props}\n *       />\n *     );\n *   }\n * );\n */\nconst UI: UIComponent = React.forwardRef(\n  <C extends React.ElementType>(\n    { as, styles, style, classes, children, defaultStyles, ...props }: UIProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as ?? \"div\";\n\n    const styleObj: React.CSSProperties = { ...defaultStyles, ...styles, ...style };\n\n    return (\n      <Component {...props} ref={ref} style={styleObj} className={classes}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nexport default UI;\nUI.displayName = \"UI\";\n"]}

package/libs/{chunk-CWRNJA4P.js → chunk-DIJBIOFE.js}

@@ -1,9 +1,9 @@
-import { d } from './chunk-5RAWNUVD.js';
-import { a } from './chunk-HHLNOC5T.js';
+import { d } from './chunk-IBUTNPTQ.js';
+import { a } from './chunk-DDSXKOUB.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$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-CWRNJA4P.js.map
+//# sourceMappingURL=chunk-DIJBIOFE.js.map

package/libs/chunk-EJ6KYBFE.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var e = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var e__default = /*#__PURE__*/_interopDefault(e);
+
+var t=e__default.default.forwardRef(({as:o,styles:p,style:r,classes:n,children:s,defaultStyles:a,...m},c)=>{let C=o??"div",l={...a,...p,...r};return e__default.default.createElement(C,{...m,ref:c,style:l,className:n},s)}),y=t;t.displayName="UI";
+
+exports.a = y;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-EJ6KYBFE.cjs.map

package/libs/chunk-EJ6KYBFE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui.tsx"],"names":["React","UI","as","styles","style","classes","children","defaultStyles","props","ref","Component","styleObj","ui_default"],"mappings":"AAEA,OAAOA,MAAW,QAiTlB,IAAMC,EAAkBD,EAAM,WAC5B,CACE,CAAE,GAAAE,EAAI,OAAAC,EAAQ,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAM,EAChEC,IACG,CACH,IAAMC,EAAYR,GAAM,MAElBS,EAAgC,CAAE,GAAGJ,EAAe,GAAGJ,EAAQ,GAAGC,CAAM,EAE9E,OACEJ,EAAA,cAACU,EAAA,CAAW,GAAGF,EAAO,IAAKC,EAAK,MAAOE,EAAU,UAAWN,GACzDC,CACH,CAEJ,CACF,EAEOM,EAAQX,EACfA,EAAG,YAAc","sourcesContent":[" \n/* eslint-disable */\nimport React from \"react\";\n\n/**\n * Extracts the appropriate ref type for a given element type.\n *\n * This utility type ensures that refs are properly typed based on the element\n * being rendered. For example, a button element receives HTMLButtonElement ref.\n * Excludes legacy string refs (deprecated since React 16.3).\n *\n * @typeParam C - The HTML element type (e.g., 'button', 'div', 'a')\n * @example\n * ```typescript\n * type ButtonRef = PolymorphicRef<'button'>; // React.Ref<HTMLButtonElement>\n * type DivRef = PolymorphicRef<'div'>; // React.Ref<HTMLDivElement>\n * ```\n */\ntype PolymorphicRef<C extends React.ElementType> = React.Ref<\n  React.ElementRef<C>\n>;\n\n/**\n * Defines the 'as' prop that determines which HTML element to render.\n *\n * This is the core prop that enables polymorphic behavior, allowing components\n * to render as any valid React element type while maintaining type safety.\n *\n * @typeParam C - The HTML element type to render\n * @example\n * ```typescript\n * <UI as=\"button\">Click me</UI>\n * <UI as=\"a\" href=\"/home\">Link</UI>\n * ```\n */\ntype AsProp<C extends React.ElementType> = {\n  as?: C;\n};\n\n/**\n * Identifies props that should be omitted to prevent type conflicts.\n *\n * This type ensures that our custom props don't conflict with native element\n * props by calculating which keys need to be omitted from the native props.\n *\n * @typeParam C - The HTML element type\n * @typeParam P - The custom props to merge\n */\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n/**\n * Merges custom props with native element props while preventing conflicts.\n *\n * This creates a union of our custom props and the native props for the chosen\n * element, omitting any conflicting keys to ensure type safety.\n *\n * @typeParam C - The HTML element type\n * @typeParam Props - The custom props to add\n * @example\n * ```typescript\n * // For a button, this merges custom props with HTMLButtonElement props\n * type ButtonProps = PolymorphicComponentProp<'button', { variant?: string }>;\n * ```\n */\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = {},\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n/**\n * Extends PolymorphicComponentProp to include properly-typed ref support.\n *\n * This is the final type in the polymorphic type chain, adding ref forwarding\n * with the correct ref type for the chosen element. The ref is properly typed\n * to match the element being rendered, enabling focus management and direct\n * DOM access for accessibility features like programmatic focus control.\n *\n * Supports both PolymorphicRef and ForwardedRef for compatibility with\n * React.forwardRef components.\n *\n * @typeParam C - The HTML element type\n * @typeParam Props - The custom props to add\n *\n * @example\n * ```typescript\n * // Using ref for focus management (important for accessibility)\n * const buttonRef = useRef<HTMLButtonElement>(null);\n * useEffect(() => {\n *   // Programmatically focus for keyboard navigation\n *   buttonRef.current?.focus();\n * }, []);\n *\n * return <UI as=\"button\" ref={buttonRef}>Accessible Button</UI>;\n * ```\n */\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = {},\n> = PolymorphicComponentProp<C, Props> & {\n  ref?: PolymorphicRef<C> | React.ForwardedRef<React.ElementRef<C>>;\n};\n\n/**\n * Props for the UI component, extending polymorphic props with style and class support.\n *\n * The UI component automatically forwards all ARIA attributes and native HTML props\n * to the rendered element, ensuring full accessibility support. This includes:\n * - `aria-label`, `aria-labelledby` - Accessible names for screen readers\n * - `aria-describedby` - Additional descriptive text references\n * - `aria-expanded`, `aria-controls` - Interactive widget states\n * - `role` - Semantic role override when needed\n * - All other ARIA attributes and HTML props\n *\n * @typeParam C - The HTML element type to render\n * @property {boolean} [renderStyles] - Reserved for future use. Currently has no effect.\n *   Styles are always rendered regardless of this prop value.\n * @property {React.CSSProperties} [styles] - Inline styles to apply (overrides defaultStyles)\n * @property {React.CSSProperties} [defaultStyles] - Base styles that can be overridden by styles prop\n * @property {string} [classes] - CSS class names to apply to the element\n * @property {string} [id] - HTML id attribute\n * @property {React.ReactNode} [children] - Child elements to render\n *\n * @example\n * ```typescript\n * // All ARIA attributes are automatically forwarded\n * <UI as=\"button\" aria-label=\"Close dialog\" aria-expanded={isOpen}>\n *   <CloseIcon />\n * </UI>\n * ```\n */\ntype UIProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<\n  C,\n  {\n    /** @deprecated Reserved for future use. Currently has no effect. Styles are always rendered. */\n    renderStyles?: boolean;\n    styles?: React.CSSProperties;\n    defaultStyles?: React.CSSProperties;\n    classes?: string;\n    id?: string;\n    children?: React.ReactNode;\n  }\n>;\n\n/**\n * UI Component function signature.\n *\n * Defines the polymorphic component that can render as any HTML element while\n * maintaining full TypeScript type safety for element-specific props.\n *\n * @typeParam C - The HTML element type to render (defaults to 'div')\n * @param {UIProps<C>} props - Component props including 'as', styles, and native element props\n * @returns {React.ReactElement} A React element of the specified type\n * @example\n * ```typescript\n * <UI as=\"button\" onClick={handler}>Button</UI>\n * <UI as=\"a\" href=\"/link\">Link</UI>\n * <UI>Default div</UI>\n * ```\n */\ntype UIComponent = (<C extends React.ElementType = \"div\">(\n  props: UIProps<C>\n) => React.ReactElement | any) & { displayName?: string };\n\n/**\n * UI - A polymorphic React component that can render as any HTML element.\n *\n * The UI component is a foundational primitive used throughout fpkit to create\n * flexible, type-safe components. It implements the polymorphic component pattern,\n * allowing a single component to render as different HTML elements while maintaining\n * full TypeScript type safety for element-specific props.\n *\n * ## Accessibility Considerations\n *\n * The UI component forwards all ARIA attributes and native HTML props, placing\n * accessibility responsibility on the consumer. When creating interactive elements,\n * you MUST ensure WCAG 2.1 AA compliance:\n *\n * - **Accessible Names**: All interactive elements need an accessible name via\n *   `aria-label`, `aria-labelledby`, or visible text content\n * - **Semantic HTML**: Prefer semantic elements (`button`, `a`, `nav`) over\n *   generic containers (`div`, `span`) with ARIA roles when possible\n * - **Focus Indicators**: Ensure focus indicators meet WCAG 2.4.7 (3:1 contrast)\n * - **Keyboard Support**: Interactive elements must be keyboard accessible\n *\n * @typeParam C - The HTML element type to render (e.g., 'button', 'div', 'a')\n *\n * @param {C} [as='div'] - The HTML element type to render. Defaults to 'div'.\n * @param {React.CSSProperties} [styles] - Inline styles to apply. Overrides defaultStyles.\n * @param {string} [classes] - CSS class names to apply to the element.\n * @param {React.CSSProperties} [defaultStyles] - Base styles that can be overridden by styles prop.\n * @param {React.ReactNode} [children] - Child elements to render inside the component.\n * @param {PolymorphicRef<C>} [ref] - Forwarded ref with proper typing for the element type.\n * @param {boolean} [renderStyles] - Reserved for future use. Currently has no effect.\n *\n * @returns {React.ReactElement} A React element of the specified type with merged props.\n *\n * @example\n * // Basic usage - renders as div\n * <UI>Hello World</UI>\n *\n * @example\n * // Polymorphic rendering - renders as button with type-safe props\n * <UI as=\"button\" onClick={handleClick} disabled>\n *   Click me\n * </UI>\n *\n * @example\n * // ✅ GOOD: Accessible button with aria-label for icon-only button\n * <UI as=\"button\" aria-label=\"Close dialog\" onClick={handleClose}>\n *   <CloseIcon />\n * </UI>\n *\n * @example\n * // ✅ GOOD: Accessible link with descriptive text\n * <UI as=\"a\" href=\"/products\">\n *   View all products\n * </UI>\n *\n * @example\n * // ✅ GOOD: Interactive element with proper role and keyboard support\n * <UI\n *   as=\"div\"\n *   role=\"button\"\n *   tabIndex={0}\n *   aria-label=\"Toggle menu\"\n *   onClick={handleToggle}\n *   onKeyDown={(e) => e.key === 'Enter' && handleToggle()}\n * >\n *   Menu\n * </UI>\n *\n * @example\n * // ❌ BAD: Button without accessible name (screen readers can't identify it)\n * <UI as=\"button\" onClick={handleClose}>\n *   <CloseIcon />\n * </UI>\n *\n * @example\n * // ❌ BAD: Non-semantic div with click handler (not keyboard accessible)\n * <UI as=\"div\" onClick={handleClick}>\n *   Click me\n * </UI>\n *\n * @example\n * // ✅ GOOD: Custom focus indicator with WCAG 2.4.7 compliant contrast\n * <UI\n *   as=\"button\"\n *   styles={{\n *     outline: '2px solid transparent',\n *     outlineOffset: '2px',\n *   }}\n *   classes=\"focus:outline-blue-500\"\n * >\n *   Accessible Button\n * </UI>\n *\n * @example\n * // Style merging - defaultStyles provide base, styles override\n * <UI\n *   as=\"span\"\n *   defaultStyles={{ padding: '0.5rem', color: 'blue' }}\n *   styles={{ color: 'red' }}\n * >\n *   Red text with padding\n * </UI>\n *\n * @example\n * // Ref forwarding for focus management\n * const buttonRef = useRef<HTMLButtonElement>(null);\n * useEffect(() => {\n *   // Programmatically focus for keyboard navigation\n *   buttonRef.current?.focus();\n * }, []);\n * <UI as=\"button\" ref={buttonRef}>Auto-focused Button</UI>\n *\n * @example\n * // Building accessible higher-level components with TypeScript\n * interface AccessibleButtonProps extends React.ComponentPropsWithoutRef<'button'> {\n *   variant?: 'primary' | 'secondary';\n *   // Require either aria-label or children for accessibility\n *   'aria-label'?: string;\n *   children?: React.ReactNode;\n * }\n *\n * const AccessibleButton = React.forwardRef<HTMLButtonElement, AccessibleButtonProps>(\n *   ({ variant = 'primary', ...props }, ref) => {\n *     // Runtime check: ensure accessible name is provided\n *     if (!props['aria-label'] && !props.children) {\n *       console.warn('AccessibleButton requires either aria-label or children');\n *     }\n *\n *     return (\n *       <UI\n *         as=\"button\"\n *         ref={ref}\n *         defaultStyles={{\n *           padding: '0.5rem 1rem',\n *           borderRadius: '0.25rem',\n *           backgroundColor: variant === 'primary' ? '#007bff' : '#6c757d',\n *         }}\n *         {...props}\n *       />\n *     );\n *   }\n * );\n */\nconst UI: UIComponent = React.forwardRef(\n  <C extends React.ElementType>(\n    { as, styles, style, classes, children, defaultStyles, ...props }: UIProps<C>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const Component = as ?? \"div\";\n\n    const styleObj: React.CSSProperties = { ...defaultStyles, ...styles, ...style };\n\n    return (\n      <Component {...props} ref={ref} style={styleObj} className={classes}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nexport default UI;\nUI.displayName = \"UI\";\n"]}

package/libs/{chunk-GUJSMQ3V.cjs → chunk-EKJYOCLY.cjs}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var t = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var t__default = /*#__PURE__*/_interopDefault(t);
 
-var n=t__default.default.forwardRef(({type:e="li",id:s,styles:i,children:r,classes:o,...L},m)=>t__default.default.createElement(chunkENTCUJ3A_cjs.a,{id:s,as:e,className:o,style:i,ref:m,...L},r));n.displayName="ListItem";var a=t__default.default.forwardRef(({children:e,classes:s,type:i="ul",variant:r,styles:o,role:L,...m},l)=>t__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:i,"data-variant":r,className:s,style:o,role:L,ref:l,...m},e));a.displayName="List";var f=Object.assign(a,{ListItem:n}),d=f;
+var n=t__default.default.forwardRef(({type:e="li",id:s,styles:i,children:r,classes:o,...L},m)=>t__default.default.createElement(chunkEJ6KYBFE_cjs.a,{id:s,as:e,className:o,style:i,ref:m,...L},r));n.displayName="ListItem";var a=t__default.default.forwardRef(({children:e,classes:s,type:i="ul",variant:r,styles:o,role:L,...m},l)=>t__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:i,"data-variant":r,className:s,style:o,role:L,ref:l,...m},e));a.displayName="List";var f=Object.assign(a,{ListItem:n}),d=f;
 
 exports.a = n;
 exports.b = a;
 exports.c = d;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-GUJSMQ3V.cjs.map
+//# sourceMappingURL=chunk-EKJYOCLY.cjs.map

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkE4OSROCA_cjs = require('./chunk-E4OSROCA.cjs');
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunk5QSNJQVH_cjs = require('./chunk-5QSNJQVH.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var e = require('react');
 
 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(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";
+var l=({id:n,children:a,classes:r,modalRef:d,openOnMount:i,...t})=>e__default.default.createElement(chunkEJ6KYBFE_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(chunk5QSNJQVH_cjs.a,{type:"button",pointerDown:()=>{M();}},a||"Close")," "))),!t&&e__default.default.createElement(chunk5QSNJQVH_cjs.a,{type:"button",pointerDown:f},n||"Open Modal"))};u.displayName="Modal";
 
 exports.a = u;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-X5RKCLDC.cjs.map
+//# sourceMappingURL=chunk-F64GE6RG.cjs.map

package/libs/{chunk-5RAWNUVD.js → chunk-IBUTNPTQ.js}

@@ -1,8 +1,8 @@
-import { a as a$1 } from './chunk-HHLNOC5T.js';
+import { a as a$1 } from './chunk-DDSXKOUB.js';
 import o from 'react';
 
 var i=o.forwardRef(({href:r,target:e,rel:n,children:t,styles:c,prefetch:f=!1,btnStyle:m,onClick:d,onPointerDown:u,...l},y)=>{let h=o.useMemo(()=>{if(e==="_blank"){let s=new Set(["noopener","noreferrer"]);return f&&s.add("prefetch"),n&&n.split(/\s+/).forEach(p=>{p&&s.add(p);}),Array.from(s).join(" ")}return n},[e,n,f]);return o.createElement(a$1,{as:"a",ref:y,href:r,target:e,rel:h,styles:c,"data-btn":m,onClick:d,onPointerDown:u,...l},t)}),k=o.forwardRef(({href:r,icon:e,...n},t)=>o.createElement(i,{ref:t,href:r,...n},e)),a=o.forwardRef(({href:r,children:e,...n},t)=>o.createElement(i,{ref:t,href:r,...n},o.createElement("i",null,e)));i.displayName="Link";k.displayName="IconLink";a.displayName="LinkButton";var x=Object.assign(i,{LinkButton:a,IconLink:k}),E=x;
 
 export { i as a, k as b, a as c, E as d };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-5RAWNUVD.js.map
+//# sourceMappingURL=chunk-IBUTNPTQ.js.map

package/libs/chunk-IWP4VJEP.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
+var p = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var p__default = /*#__PURE__*/_interopDefault(p);
+
+function i(...e){return e.filter(Boolean).join(" ")}var C={CARD:"card",TITLE:"card-title",CONTENT:"card-content",FOOTER:"card-footer"};function y(e,r){r&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),r(e));}var f=({children:e,className:r,style:a,as:o="h3",...t})=>p__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,className:i(C.TITLE,r),styles:a,...t},e);f.displayName="Card.Title";var m=({children:e,className:r,style:a,as:o="article",...t})=>p__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,className:i(C.CONTENT,r),styles:a,...t},e);m.displayName="Card.Content";var b=({children:e,className:r,style:a,as:o="div",...t})=>p__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,className:i(C.FOOTER,r),styles:a,...t},e);b.displayName="Card.Footer";var x=({as:e="div",styles:r,children:a,classes:o="shadow",id:t,interactive:s=!1,onClick:n,tabIndex:u,role:c,"aria-label":T,"aria-labelledby":E,"aria-describedby":P,...N})=>(p__default.default.useEffect(()=>{},[n,s]),p__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:e,id:t,styles:r,className:o,"aria-label":T,"aria-labelledby":E,"aria-describedby":P,"data-card":s?"interactive":!0,...s?{role:c||"button",tabIndex:u??0,onClick:n,onKeyDown:v=>{(s||n)&&y(v,n);}}:{role:c,onClick:n},...N},a)),l=x;l.displayName="Card";l.Title=f;l.Content=m;l.Footer=b;var h=l;
+
+exports.a = f;
+exports.b = m;
+exports.c = b;
+exports.d = l;
+exports.e = h;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-IWP4VJEP.cjs.map

package/libs/chunk-IWP4VJEP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/cards/card.tsx","../src/components/cards/card.utils.ts"],"names":["React","cn","classes","CARD_CLASSES","handleCardKeyDown","event","onClick","Title","children","className","style","as","props","ui_default","Content","Footer","CardRoot","styles","id","interactive","tabIndex","role","ariaLabel","ariaLabelledBy","ariaDescribedBy","Card","card_default"],"mappings":"yCAAA,OAAOA,MAAW,QCoBX,SAASC,KAAMC,EAAwD,CAC5E,OAAOA,EAAQ,OAAO,OAAO,EAAE,KAAK,GAAG,CACzC,CAMO,IAAMC,EAAe,CAC1B,KAAM,OACN,MAAO,aACP,QAAS,eACT,OAAQ,aACV,EAcO,SAASC,EACdC,EACAC,EACM,CACDA,IAGDD,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACzCA,EAAM,eAAe,EACrBC,EAAQD,CAAK,EAEjB,CDxBO,IAAME,EAAQ,CAAC,CACpB,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAAC,EAAK,KACL,GAAGC,CACL,IAEIZ,EAAA,cAACa,EAAA,CACC,GAAIF,EACJ,UAAWV,EAAGE,EAAa,MAAOM,CAAS,EAC3C,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJD,EAAM,YAAc,aA+Bb,IAAMO,EAAU,CAAC,CACtB,SAAAN,EACA,UAAAC,EACA,MAAAC,EACA,GAAAC,EAAK,UACL,GAAGC,CACL,IAEIZ,EAAA,cAACa,EAAA,CACC,GAAIF,EACJ,UAAWV,EAAGE,EAAa,QAASM,CAAS,EAC7C,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJM,EAAQ,YAAc,eA4Bf,IAAMC,EAAS,CAAC,CACrB,SAAAP,EACA,UAAAC,EACA,MAAAC,EACA,GAAAC,EAAK,MACL,GAAGC,CACL,IAEIZ,EAAA,cAACa,EAAA,CACC,GAAIF,EACJ,UAAWV,EAAGE,EAAa,OAAQM,CAAS,EAC5C,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJO,EAAO,YAAc,cAuErB,IAAMC,EAAW,CAAC,CAChB,GAAAL,EAAK,MACL,OAAAM,EACA,SAAAT,EACA,QAAAN,EAAU,SACV,GAAAgB,EACA,YAAAC,EAAc,GACd,QAAAb,EACA,SAAAc,EACA,KAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,mBAAoBC,EACpB,GAAGZ,CACL,KAEEZ,EAAM,UAAU,IAAM,CAEtB,EAAG,CAACM,EAASa,CAAW,CAAC,EAsBvBnB,EAAA,cAACa,EAAA,CACC,GAAIF,EACJ,GAAIO,EACJ,OAAQD,EACR,UAAWf,EACX,aAAYoB,EACZ,kBAAiBC,EACjB,mBAAkBC,EAClB,YAAWL,EAAc,cAAgB,GACxC,GAtBoBA,EACrB,CACE,KAAME,GAAQ,SACd,SAAUD,GAAY,EACtB,QAAAd,EACA,UAXiBD,GAA+B,EAChDc,GAAeb,IACjBF,EAAkBC,EAAOC,CAAO,CAEpC,CAQI,EACA,CACE,KAAAe,EACA,QAAAf,CACF,EAaC,GAAGM,GAEHJ,CACH,GAKSiB,EAAOT,EACpBS,EAAK,YAAc,OACnBA,EAAK,MAAQlB,EACbkB,EAAK,QAAUX,EACfW,EAAK,OAASV,EAEd,IAAOW,EAAQD","sourcesContent":["import React from 'react'\nimport UI from '#components/ui'\nimport type {\n  CardProps,\n  CardTitleProps,\n  CardContentProps,\n  CardFooterProps,\n  CardComponent,\n} from './card.types'\nimport { cn, CARD_CLASSES, handleCardKeyDown, warnInteractiveUsage } from './card.utils'\n\n/**\n * Card.Title - Title sub-component for Card\n *\n * Renders a heading element for the card title. Defaults to h3 for proper\n * document outline, but can be customized via the `as` prop.\n *\n * ## Accessibility\n * - Use appropriate heading level based on document structure\n * - Combine with `aria-labelledby` on parent Card for accessible names\n *\n * @example\n * ```tsx\n * <Card aria-labelledby=\"card-title-1\">\n *   <Card.Title id=\"card-title-1\">Featured Product</Card.Title>\n * </Card>\n * ```\n *\n * @example\n * ```tsx\n * // Custom heading level\n * <Card.Title as=\"h2\">Section Title</Card.Title>\n * ```\n */\nexport const Title = ({\n  children,\n  className,\n  style,\n  as = 'h3',\n  ...props\n}: CardTitleProps) => {\n  return (\n    <UI\n      as={as}\n      className={cn(CARD_CLASSES.TITLE, className)}\n      styles={style}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nTitle.displayName = 'Card.Title'\n\n/**\n * Card.Content - Content sub-component for Card\n *\n * Renders the main content area of the card. Defaults to `<article>` for\n * standalone content, but can be changed to `div` or `section` via the `as` prop.\n *\n * ## Semantic HTML Guidelines\n * - Use `article` (default) for self-contained, syndicate-able content\n * - Use `div` for generic content containers\n * - Use `section` for thematic groupings with a heading\n *\n * @example\n * ```tsx\n * <Card>\n *   <Card.Title>Article Title</Card.Title>\n *   <Card.Content>\n *     <p>This is standalone content...</p>\n *   </Card.Content>\n * </Card>\n * ```\n *\n * @example\n * ```tsx\n * // Generic container (not standalone content)\n * <Card.Content as=\"div\">\n *   <p>Generic content...</p>\n * </Card.Content>\n * ```\n */\nexport const Content = ({\n  children,\n  className,\n  style,\n  as = 'article',\n  ...props\n}: CardContentProps) => {\n  return (\n    <UI\n      as={as}\n      className={cn(CARD_CLASSES.CONTENT, className)}\n      styles={style}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nContent.displayName = 'Card.Content'\n\n/**\n * Card.Footer - Footer sub-component for Card\n *\n * Renders a footer section for the card. Use for actions, metadata, or\n * supplementary information.\n *\n * @example\n * ```tsx\n * <Card>\n *   <Card.Title>Product</Card.Title>\n *   <Card.Content>Description...</Card.Content>\n *   <Card.Footer>\n *     <button>Add to Cart</button>\n *     <span>$29.99</span>\n *   </Card.Footer>\n * </Card>\n * ```\n *\n * @example\n * ```tsx\n * // Semantic footer element\n * <Card.Footer as=\"footer\">\n *   <p>Last updated: 2024-01-15</p>\n * </Card.Footer>\n * ```\n */\nexport const Footer = ({\n  children,\n  className,\n  style,\n  as = 'div',\n  ...props\n}: CardFooterProps) => {\n  return (\n    <UI\n      as={as}\n      className={cn(CARD_CLASSES.FOOTER, className)}\n      styles={style}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nFooter.displayName = 'Card.Footer'\n\n/**\n * Card - A flexible, accessible card component with compound component pattern\n *\n * The Card component provides a container for grouping related content and actions.\n * It follows the compound component pattern, exposing `Card.Title`, `Card.Content`,\n * and `Card.Footer` sub-components for structured layouts.\n *\n * ## Features\n * - **Polymorphic rendering**: Render as any HTML element via `as` prop\n * - **Compound components**: Structured sub-components for consistent layouts\n * - **Interactive variant**: Built-in keyboard navigation and ARIA support\n * - **Fully accessible**: WCAG 2.1 AA compliant with proper semantic HTML\n *\n * ## Accessibility\n *\n * ### Non-Interactive Cards\n * - Use semantic HTML: `article` for standalone content, `section` for groupings\n * - Provide accessible names with `aria-labelledby` referencing the title\n *\n * ### Interactive Cards (Clickable)\n * - Set `interactive={true}` to enable keyboard navigation (Enter/Space)\n * - Provide accessible name via `aria-label` or `aria-labelledby`\n * - Ensure adequate focus indicators (handled by CSS)\n *\n * @example\n * // Basic card with compound components\n * ```tsx\n * <Card>\n *   <Card.Title>Product Name</Card.Title>\n *   <Card.Content>\n *     <p>Product description goes here...</p>\n *   </Card.Content>\n *   <Card.Footer>\n *     <button>Buy Now</button>\n *   </Card.Footer>\n * </Card>\n * ```\n *\n * @example\n * // Accessible interactive card\n * ```tsx\n * <Card\n *   interactive\n *   aria-label=\"View product details\"\n *   onClick={() => navigate('/product/123')}\n * >\n *   <Card.Title>Product Name</Card.Title>\n *   <Card.Content>Click anywhere to view details</Card.Content>\n * </Card>\n * ```\n *\n * @example\n * // Semantic article card with accessible name\n * ```tsx\n * <Card as=\"article\" aria-labelledby=\"article-title\">\n *   <Card.Title id=\"article-title\">Article Headline</Card.Title>\n *   <Card.Content>Article body...</Card.Content>\n * </Card>\n * ```\n *\n * @example\n * // Card as a landmark region\n * ```tsx\n * <Card role=\"region\" aria-label=\"Featured products\">\n *   <Card.Title>Featured</Card.Title>\n *   <Card.Content>...</Card.Content>\n * </Card>\n * ```\n */\nconst CardRoot = ({\n  as = 'div',\n  styles,\n  children,\n  classes = 'shadow',\n  id,\n  interactive = false,\n  onClick,\n  tabIndex,\n  role,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: CardProps) => {\n  // Development warnings for common accessibility issues\n  React.useEffect(() => {\n    warnInteractiveUsage(!!onClick, interactive)\n  }, [onClick, interactive])\n\n  // Interactive card handling\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (interactive || onClick) {\n      handleCardKeyDown(event, onClick)\n    }\n  }\n\n  const interactiveProps = interactive\n    ? {\n        role: role || 'button',\n        tabIndex: tabIndex ?? 0,\n        onClick,\n        onKeyDown: handleKeyDown,\n      }\n    : {\n        role,\n        onClick,\n      }\n\n  return (\n    <UI\n      as={as}\n      id={id}\n      styles={styles}\n      className={classes}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={ariaDescribedBy}\n      data-card={interactive ? 'interactive' : true}\n      {...interactiveProps}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\n// Create compound component with proper TypeScript typing\nexport const Card = CardRoot as CardComponent\nCard.displayName = 'Card'\nCard.Title = Title\nCard.Content = Content\nCard.Footer = Footer\n\nexport default Card\n\n// Export types for external consumption\nexport type {\n  CardProps,\n  CardTitleProps,\n  CardContentProps,\n  CardFooterProps,\n  CardComponent,\n} from './card.types'\n","/**\n * Utility functions for the Card component.\n */\n\n/**\n * Combines multiple className strings into a single string, filtering out falsy values.\n *\n * This utility provides a cleaner alternative to template literals for className composition,\n * avoiding unnecessary string allocation on every render.\n *\n * @param classes - Array of class names (can include undefined/null/empty strings)\n * @returns Combined className string\n *\n * @example\n * ```tsx\n * cn('card-title', className) // \"card-title custom-class\"\n * cn('card-title', undefined) // \"card-title\"\n * cn('card-title', '', 'extra') // \"card-title extra\"\n * ```\n */\nexport function cn(...classes: (string | undefined | null | false)[]): string {\n  return classes.filter(Boolean).join(' ')\n}\n\n/**\n * CSS class name constants for Card components.\n * Centralizing these prevents typos and enables easier refactoring.\n */\nexport const CARD_CLASSES = {\n  CARD: 'card',\n  TITLE: 'card-title',\n  CONTENT: 'card-content',\n  FOOTER: 'card-footer',\n} as const\n\n/**\n * Handles keyboard events for interactive cards.\n * Triggers click handler on Enter or Space key press.\n *\n * @param event - Keyboard event\n * @param onClick - Click handler to invoke\n *\n * @example\n * ```tsx\n * <div onKeyDown={(e) => handleCardKeyDown(e, handleClick)}>\n * ```\n */\nexport function handleCardKeyDown(\n  event: React.KeyboardEvent,\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void\n): void {\n  if (!onClick) return\n\n  // Activate on Enter or Space (standard keyboard interaction pattern)\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault() // Prevent page scroll on Space\n    onClick(event)\n  }\n}\n\n/**\n * Development warning for interactive card usage.\n * Warns when onClick is provided without the interactive prop.\n *\n * This function is intentionally empty to comply with no-console linting rules.\n * In the future, consider using a proper logging/warning system.\n *\n * @param hasOnClick - Whether onClick handler is provided\n * @param isInteractive - Whether interactive prop is set\n */\nexport function warnInteractiveUsage(\n  hasOnClick: boolean,\n  isInteractive?: boolean\n): void {\n  // Development warning removed to comply with ESLint no-console rule\n  // TODO: Consider using a proper warning system if needed\n  void hasOnClick\n  void isInteractive\n}\n"]}

package/libs/{chunk-ZFJ4U45S.js → chunk-KDMX3FAW.js}

@@ -1,4 +1,4 @@
-import { a as a$1 } from './chunk-HHLNOC5T.js';
+import { a as a$1 } from './chunk-DDSXKOUB.js';
 import o from 'react';
 
 var r=o.memo(o.forwardRef(({level:e="h2",id:t,styles:i,ui:s,children:d,className:m,...c},h)=>o.createElement(a$1,{as:e,id:t,styles:i,"data-ui":s,className:m,ref:h,...c},d)));r.displayName="Title";var a=r;var p=o.forwardRef(({type:e="h3",...t},i)=>(process.env.NODE_ENV==="development"&&console.warn(`[@fpkit/acss] Heading component is deprecated and will be removed in v3.0.0. Please use the Title component instead.
@@ -7,4 +7,4 @@ See documentation: https://fpkit.dev/components/title`),o.createElement(a,{level
 
 export { a, H as b };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-ZFJ4U45S.js.map
+//# sourceMappingURL=chunk-KDMX3FAW.js.map

package/libs/{chunk-DYFAUAB7.cjs → chunk-LXODKKA3.cjs}

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkNWJDAHP6_cjs = require('./chunk-NWJDAHP6.cjs');
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunk2GJHKWEK_cjs = require('./chunk-2GJHKWEK.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var e = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var e__default = /*#__PURE__*/_interopDefault(e);
 
-var U=(r,t=15)=>r.length>t?`${r.slice(0,t)}...`:r;var i=e__default.default.memo(({children:r,id:t,styles:s,classes:a,...m})=>{let{renderStyles:n,defaultStyles:o,as:d,ref:I,...p}=m;return e__default.default.createElement("li",{id:t,style:s,className:a,"data-list":"unstyled inline",...p},r)});i.displayName="BreadcrumbItem";var y=e__default.default.memo(({children:r,...t})=>e__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"ol","data-list":"unstyled inline",...t},r));y.displayName="BreadcrumbList";var B=e__default.default.memo(({styles:r,id:t,classes:s,children:a,...m})=>e__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"nav",id:t,styles:r,className:s,...m},e__default.default.createElement(y,null,a)));B.displayName="BreadcrumbNav";function w(r,t){let s=e__default.default.useMemo(()=>r?r.split("/").filter(n=>n):[],[r]),a=e__default.default.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__default.default.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__default.default.createElement(e__default.default.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=e__default.default.useId();return !s?.length||!v?null:e__default.default.createElement(B,{id:o,styles:n,className:d,"aria-label":I,...k},e__default.default.createElement(i,{key:`start-${b}`},e__default.default.createElement(chunkNWJDAHP6_cjs.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__default.default.createElement(i,{key:`${u}-${b}`},e__default.default.createElement("span",{"aria-hidden":"true"},a),e__default.default.createElement("span",{"aria-current":"page","aria-label":P?c:void 0},C))}return e__default.default.createElement(i,{key:`${u}-${b}`},e__default.default.createElement("span",{"aria-hidden":"true"},a),e__default.default.createElement(chunkNWJDAHP6_cjs.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;
+var U=(r,t=15)=>r.length>t?`${r.slice(0,t)}...`:r;var i=e__default.default.memo(({children:r,id:t,styles:s,classes:a,...m})=>{let{renderStyles:n,defaultStyles:o,as:d,ref:I,...p}=m;return e__default.default.createElement("li",{id:t,style:s,className:a,"data-list":"unstyled inline",...p},r)});i.displayName="BreadcrumbItem";var y=e__default.default.memo(({children:r,...t})=>e__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"ol","data-list":"unstyled inline",...t},r));y.displayName="BreadcrumbList";var B=e__default.default.memo(({styles:r,id:t,classes:s,children:a,...m})=>e__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"nav",id:t,styles:r,className:s,...m},e__default.default.createElement(y,null,a)));B.displayName="BreadcrumbNav";function w(r,t){let s=e__default.default.useMemo(()=>r?r.split("/").filter(n=>n):[],[r]),a=e__default.default.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__default.default.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__default.default.createElement(e__default.default.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=e__default.default.useId();return !s?.length||!v?null:e__default.default.createElement(B,{id:o,styles:n,className:d,"aria-label":I,...k},e__default.default.createElement(i,{key:`start-${b}`},e__default.default.createElement(chunk2GJHKWEK_cjs.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__default.default.createElement(i,{key:`${u}-${b}`},e__default.default.createElement("span",{"aria-hidden":"true"},a),e__default.default.createElement("span",{"aria-current":"page","aria-label":P?c:void 0},C))}return e__default.default.createElement(i,{key:`${u}-${b}`},e__default.default.createElement("span",{"aria-hidden":"true"},a),e__default.default.createElement(chunk2GJHKWEK_cjs.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;
 
 exports.a = w;
 exports.b = l;
 exports.c = H;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-DYFAUAB7.cjs.map
+//# sourceMappingURL=chunk-LXODKKA3.cjs.map

package/libs/{chunk-MPTMPBFT.js → chunk-M7JLT62Q.js}

@@ -1,4 +1,4 @@
-import { a as a$1 } from './chunk-HHLNOC5T.js';
+import { a as a$1 } from './chunk-DDSXKOUB.js';
 import * as a from 'react';
 import a__default from 'react';
 
@@ -6,4 +6,4 @@ var zo={display:"inline-flex",alignItems:"center",width:"auto"},to=({fill:o,stro
 
 export { n as a, tt as b };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-MPTMPBFT.js.map
+//# sourceMappingURL=chunk-M7JLT62Q.js.map

package/libs/{chunk-IQ76HGVP.js → chunk-MBWI67UT.js}

@@ -1,8 +1,8 @@
-import { a } from './chunk-HHLNOC5T.js';
+import { a } from './chunk-DDSXKOUB.js';
 import m from 'react';
 
 var l=({elm:e="p",id:t,text:o,styles:s,classes:p,children:r,...i})=>m.createElement(a,{as:e,id:t,styles:s,className:p,...i},m.createElement(a,{as:e,id:t,styles:s,className:p,...i},r||o)),n=({elm:e="h3",id:t,children:o,styles:s,classes:p,...r})=>m.createElement(l,{as:e,id:t,styles:s,className:p,...r},o),d=l;l.displayName="Text";n.displayName="Title";
 
 export { l as a, n as b, d as c };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-IQ76HGVP.js.map
+//# sourceMappingURL=chunk-MBWI67UT.js.map

package/libs/{chunk-O5XAJ7BY.cjs → chunk-NCGVF2QS.cjs}

@@ -1,18 +1,18 @@
 'use strict';
 
-var chunkGUJSMQ3V_cjs = require('./chunk-GUJSMQ3V.cjs');
-var chunkENTCUJ3A_cjs = require('./chunk-ENTCUJ3A.cjs');
+var chunkEKJYOCLY_cjs = require('./chunk-EKJYOCLY.cjs');
+var chunkEJ6KYBFE_cjs = require('./chunk-EJ6KYBFE.cjs');
 var t = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var t__default = /*#__PURE__*/_interopDefault(t);
 
-var i=t__default.default.forwardRef(({isBlock:e,children:s,...o},r)=>t__default.default.createElement(chunkGUJSMQ3V_cjs.c,{type:"ul",...o,"data-list":e?"unstyled block":"unstyled",ref:r},s));i.displayName="NavList";var m=t__default.default.forwardRef(({id:e,styles:s,classes:o,children:r,...N},v)=>t__default.default.createElement(chunkGUJSMQ3V_cjs.c.ListItem,{type:"li",id:e,classes:o,styles:s,ref:v,...N},r));m.displayName="NavItem";var n=t__default.default.forwardRef(({children:e,...s},o)=>t__default.default.createElement(chunkENTCUJ3A_cjs.a,{as:"nav",...s,ref:o},e));n.displayName="Nav";var f=Object.assign(n,{List:i,Item:m}),y=f;
+var i=t__default.default.forwardRef(({isBlock:e,children:s,...o},r)=>t__default.default.createElement(chunkEKJYOCLY_cjs.c,{type:"ul",...o,"data-list":e?"unstyled block":"unstyled",ref:r},s));i.displayName="NavList";var m=t__default.default.forwardRef(({id:e,styles:s,classes:o,children:r,...N},v)=>t__default.default.createElement(chunkEKJYOCLY_cjs.c.ListItem,{type:"li",id:e,classes:o,styles:s,ref:v,...N},r));m.displayName="NavItem";var n=t__default.default.forwardRef(({children:e,...s},o)=>t__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"nav",...s,ref:o},e));n.displayName="Nav";var f=Object.assign(n,{List:i,Item:m}),y=f;
 
 exports.a = i;
 exports.b = m;
 exports.c = n;
 exports.d = y;
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-O5XAJ7BY.cjs.map
+//# sourceMappingURL=chunk-NCGVF2QS.cjs.map