@fpkit/acss 0.4.4

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Shawn Sandy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,52 @@
+# FP Kit
+
+A lightweight React Headless UI library for building modern and accessible components that leverage CSS custom properties for reactive Styles. [FPKIT component storybook](https://fpkit.netlify.app/?path=/story/guides-introduction--page)
+
+## Install
+
+```bash
+npm i @fpkit/react
+```
+
+### Usage
+
+```jsx
+import { FP, Badge } from @fpkit/fp
+
+export App () {
+  return (
+    <p>
+    <FP as='h3'>FP KIt <Badge elm="span" role="note">Beta</Badge>
+    </FP>
+    </p>
+  )
+}
+
+export default App
+```
+
+### Components
+
+### License
+
+MIT License
+
+Copyright (c) 2022 Shawn Sandy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/chunk-77CZU5XZ.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var i=Object.defineProperty,j=Object.defineProperties;var k=Object.getOwnPropertyDescriptors;var e=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var f=(a,b,c)=>b in a?i(a,b,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[b]=c,l=(a,b)=>{for(var c in b||(b={}))g.call(b,c)&&f(a,c,b[c]);if(e)for(var c of e(b))h.call(b,c)&&f(a,c,b[c]);return a},m=(a,b)=>j(a,k(b));var n=(a,b)=>{var c={};for(var d in a)g.call(a,d)&&b.indexOf(d)<0&&(c[d]=a[d]);if(a!=null&&e)for(var d of e(a))b.indexOf(d)<0&&h.call(a,d)&&(c[d]=a[d]);return c};
+
+exports.a = l;
+exports.b = m;
+exports.c = n;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-77CZU5XZ.cjs.map

package/dist/chunk-77CZU5XZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/dist/chunk-D43FJIRQ.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var chunk77CZU5XZ_cjs = require('./chunk-77CZU5XZ.cjs');
+var j = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var j__default = /*#__PURE__*/_interopDefault(j);
+
+var oo=j__default.default.forwardRef((a,c)=>{var f=a,{as:r,renderStyles:l=!0,styles:s,children:p,defaultStyles:i}=f,m=chunk77CZU5XZ_cjs.c(f,["as","renderStyles","styles","children","defaultStyles"]);let d=r||"div",$=l?chunk77CZU5XZ_cjs.a(chunk77CZU5XZ_cjs.a({},i),s):{};return jsxRuntime.jsx(d,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({ref:c,style:$},m),{children:p}))}),Y=oo;var to={display:"inline-flex",alignItems:"center",width:"auto"},M=f=>{var d=f,{fill:r="currentColor",strokeColor:l,styles:s,size:p,role:i="img",alt:m,children:c}=d,a=chunk77CZU5XZ_cjs.c(d,["fill","strokeColor","styles","size","role","alt","children"]);return jsxRuntime.jsx("svg",chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({height:p,width:p,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",style:s,role:i,"aria-label":m},a),{children:c}))},t=M;M.displayName="Svg";M.styles=to;var lo=chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({},t.styles),{fill:"none",stroke:"currentColor"}),N=(a={})=>{var f=a,{strokeColor:r="currentColor",fill:l="none",size:s=16,styles:p,role:i="img",alt:m="Code icon"}=f,c=chunk77CZU5XZ_cjs.c(f,["strokeColor","fill","size","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:s,role:i,alt:m,styles:p},c),{children:jsxRuntime.jsxs("g",{fill:l,stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:[jsxRuntime.jsx("rect",{height:"22",width:"18",fill:"none",stroke:r,x:"3",y:"1"}),jsxRuntime.jsx("polyline",{fill:"none",points:"9 9 6 12 9 15"}),jsxRuntime.jsx("polyline",{fill:"none",points:"15 15 18 12 15 9"})]})}))};N.styles=lo;var _=chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({},t.styles),{fill:"currentColor",stroke:"none"}),k=a=>{var f=a,{strokeColor:r="currentColor",fill:l="none",size:s=16,styles:p=_,role:i="img",alt:m="Home icon"}=f,c=chunk77CZU5XZ_cjs.c(f,["strokeColor","fill","size","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:s,styles:p,role:i,alt:m},c),{children:jsxRuntime.jsx("g",{fill:l,stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:jsxRuntime.jsx("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:r})})}))};k.displayName="Home";k.styles=_;var io=chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({},t.styles),{fill:"currentColor"}),P=m=>{var c=m,{fill:r="currentColor",size:l=24,role:s="img",alt:p="Add icon"}=c,i=chunk77CZU5XZ_cjs.c(c,["fill","size","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:l,role:s,alt:p},i),{children:jsxRuntime.jsx("g",{fill:r,children:jsxRuntime.jsx("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:r})})}))};P.styles=io;P.displayName="Add";var no=chunk77CZU5XZ_cjs.a({},t.styles),u=a=>{var f=a,{strokeColor:r="currentColor",fill:l="currentColor",size:s=16,styles:p,role:i="img",alt:m="Arrow pointing left"}=f,c=chunk77CZU5XZ_cjs.c(f,["strokeColor","fill","size","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:s,styles:p,role:i},c),{alt:m,children:jsxRuntime.jsxs("g",{fill:l,strokeMiterlimit:"10",children:[jsxRuntime.jsx("line",{fill:"none",stroke:r,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"22",x2:"2",y1:"12",y2:"12"}),jsxRuntime.jsx("polyline",{fill:"none",points:"9,19 2,12 9,5 ",stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})]})}))};u.styles=no;u.displayName="ArrowLeft";var mo=chunk77CZU5XZ_cjs.a({},t.styles),C=c=>{var a=c,{size:r=16,strokeColor:l="currentcolor",styles:s,role:p="img",alt:i="Chat icon"}=a,m=chunk77CZU5XZ_cjs.c(a,["size","strokeColor","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:r,styles:s,role:p,alt:i},m),{children:jsxRuntime.jsx("g",{fill:l,strokeMiterlimit:"10",children:jsxRuntime.jsx("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:l,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})})}))};C.styles=mo;C.displayName="Chat";var ao=chunk77CZU5XZ_cjs.a({},t.styles),x=a=>{var f=a,{fill:r="currentColor",strokeColor:l,styles:s,size:p=16,role:i="img",alt:m="Down icon"}=f,c=chunk77CZU5XZ_cjs.c(f,["fill","strokeColor","styles","size","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:p,role:i,styles:s,alt:m},c),{children:jsxRuntime.jsxs("g",{fill:r,strokeMiterlimit:"10",children:[jsxRuntime.jsx("line",{fill:"none",stroke:r,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"12",x2:"12",y1:"2",y2:"22"}),jsxRuntime.jsx("polyline",{fill:"none",points:"19,15 12,22 5,15 ",stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})]})}))};x.styles=ao;x.displayName="ArrowDown";var fo=chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({},t.styles),{fill:"none",stroke:"currentColor"}),h=a=>{var f=a,{fill:r="currentColor",strokeColor:l="currentColor",styles:s,size:p=16,role:i="img",alt:m="Up arrow icon"}=f,c=chunk77CZU5XZ_cjs.c(f,["fill","strokeColor","styles","size","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:p,styles:s,role:i,alt:m},c),{children:jsxRuntime.jsxs("g",{fill:"none",stroke:l,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:[jsxRuntime.jsx("line",{fill:"none",strokeLinecap:"butt",x1:"12",x2:"12",y1:"22",y2:"2"}),jsxRuntime.jsx("polyline",{fill:"none",points:"5,9 12,2 19,9 ",stroke:l})]})}))};h.displayName="ArrowUp";h.style=fo;chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({},t.styles),{fill:"currentColor"});var F=a=>{var f=a,{size:r=16,fill:l="currentColor",strokeColor:s="currentColor",styles:p,role:i="img",alt:m="Right arrow icon"}=f,c=chunk77CZU5XZ_cjs.c(f,["size","fill","strokeColor","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:r,styles:p,role:i,alt:m},c),{children:jsxRuntime.jsxs("g",{fill:l,stroke:s,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:[jsxRuntime.jsx("line",{fill:"none",strokeLinecap:"butt",x1:"2",x2:"22",y1:"12",y2:"12"}),jsxRuntime.jsx("polyline",{fill:"none",points:"15,5 22,12 15,19 ",stroke:s})]})}))};F.displayName="ArrowRight";var ko=chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({},t.styles),{fill:"none",stroke:"currentColor"}),S=a=>{var f=a,{size:r=16,fill:l="none",strokeColor:s="currentColor",styles:p,alt:i="User Icon",role:m}=f,c=chunk77CZU5XZ_cjs.c(f,["size","fill","strokeColor","styles","alt","role"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:r,role:m,alt:i,styles:p},c),{children:jsxRuntime.jsxs("g",{fill:l,stroke:s,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:[jsxRuntime.jsx("circle",{cx:"12",cy:"5.5",fill:"none",r:"4.5"}),jsxRuntime.jsx("path",{d:"M12,14c-4.971,0-9,4.029-9,9H21c0-4.971-4.029-9-9-9Z",fill:"none",stroke:s})]})}))};S.styles=ko;S.displayName="User";var uo={fill:"currentColor"},R=c=>{var a=c,{size:r=16,fill:l="currentColor",styles:s,role:p="img",alt:i="Right arrow icon"}=a,m=chunk77CZU5XZ_cjs.c(a,["size","fill","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:r,alt:i,styles:s,role:p},m),{children:jsxRuntime.jsx("g",{fill:l,children:jsxRuntime.jsx("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:l})})}))};R.displayName="Right";R.styles=uo;var Co=chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({},t.styles),{fill:"currentColor"}),v=c=>{var a=c,{fill:r="currentColor",size:l=16,styles:s,role:p="img",alt:i="Left arrow icon"}=a,m=chunk77CZU5XZ_cjs.c(a,["fill","size","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:l,styles:s,alt:i,role:p},m),{children:jsxRuntime.jsx("g",{fill:r,children:jsxRuntime.jsx("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:r})})}))};v.displayName="Left";v.styles=Co;var xo={fill:"currentColor"},w=c=>{var a=c,{size:r=24,fill:l="currentColor",styles:s,role:p="img",alt:i="Minus icon"}=a,m=chunk77CZU5XZ_cjs.c(a,["size","fill","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:r,styles:s,role:p,alt:i},m),{children:jsxRuntime.jsx("g",{fill:l,children:jsxRuntime.jsx("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:l})})}))};w.displayName="Minus";w.styles=xo;var ho={fill:"currenStyle"},I=c=>{var a=c,{size:r=16,fill:l="currentColor",styles:s,role:p="img",alt:i="Remove icon"}=a,m=chunk77CZU5XZ_cjs.c(a,["size","fill","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:r,alt:i,styles:s,role:p},m),{children:jsxRuntime.jsx("g",{fill:l,children:jsxRuntime.jsx("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:l})})}))};I.displayName="Remove";I.styles=ho;var So=chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({},t.styles),{stroke:"currentColor"}),L=c=>{var a=c,{size:r=16,strokeColor:l="currentColor",styles:s,role:p="img",alt:i="Copy icon"}=a,m=chunk77CZU5XZ_cjs.c(a,["size","strokeColor","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:r,styles:s,role:p,alt:i},m),{children:jsxRuntime.jsxs("g",{fill:"none",stroke:l,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:[jsxRuntime.jsx("polyline",{fill:"none",points:"8 19 2 19 2 1 17 1 17 6",stroke:l}),jsxRuntime.jsx("rect",{height:"13",width:"10",fill:"none",x:"12",y:"10"})]})}))};L.displayName="Copy";L.styles=So;var vo=chunk77CZU5XZ_cjs.a({},t.styles),z=c=>{var a=c,{size:r=16,fill:l="currentColor",styles:s,role:p="img",alt:i="Up arrow icon"}=a,m=chunk77CZU5XZ_cjs.c(a,["size","fill","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:r,alt:i,styles:s,role:p},m),{children:jsxRuntime.jsx("g",{fill:l,children:jsxRuntime.jsx("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:l})})}))};z.displayName="Up";z.styles=vo;var wo=chunk77CZU5XZ_cjs.a({},t.styles),A=c=>{var a=c,{size:r=16,fill:l="currentColor",styles:s,role:p="img",alt:i="Down arrow icon"}=a,m=chunk77CZU5XZ_cjs.c(a,["size","fill","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:r,alt:i,styles:s,role:p},m),{children:jsxRuntime.jsx("g",{fill:l,children:jsxRuntime.jsx("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:l})})}))};A.displayName="Down";A.styles=wo;function Q(a){var f=a,{size:r=16,fill:l="currentColor",strokeColor:s="currentColor",styles:p,role:i="img",alt:m="Star icon"}=f,c=chunk77CZU5XZ_cjs.c(f,["size","fill","strokeColor","styles","role","alt"]);return jsxRuntime.jsx(t,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({size:r,alt:m,styles:p,role:i},c),{children:jsxRuntime.jsx("g",{fill:"none",stroke:s,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:jsxRuntime.jsx("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:s})})}))}Q.displayName="Star";var Io={display:"inline-flex",direction:"row",gap:".2rem",placeItems:"center",width:"auto"},y=p=>{var i=p,{children:r,styles:l}=i,s=chunk77CZU5XZ_cjs.c(i,["children","styles"]);return jsxRuntime.jsx(Y,chunk77CZU5XZ_cjs.b(chunk77CZU5XZ_cjs.a({as:"span",styles:l,"data-style":"icons"},s),{children:r}))};y.Add=P;y.ArrowDown=x;y.ArrowLeft=u;y.ArrowRight=F;y.ArrowUp=h;y.Chat=C;y.Code=N;y.Copy=L;y.displayName="Icon";y.Home=k;y.Left=v;y.Minus=w;y.Remove=I;y.Right=R;y.Star=Q;y.styles=Io;y.Up=z;y.Down=A;y.User=S;
+
+exports.a = Y;
+exports.b = N;
+exports.c = k;
+exports.d = P;
+exports.e = u;
+exports.f = C;
+exports.g = x;
+exports.h = h;
+exports.i = F;
+exports.j = S;
+exports.k = R;
+exports.l = v;
+exports.m = w;
+exports.n = I;
+exports.o = L;
+exports.p = Io;
+exports.q = y;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-D43FJIRQ.cjs.map

package/dist/chunk-D43FJIRQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/fp.tsx","../src/components/icons/components/svg.tsx","../src/components/icons/components/code.tsx","../src/components/icons/components/home.tsx","../src/components/icons/components/add.tsx","../src/components/icons/components/arrow-left.tsx","../src/components/icons/components/chat.tsx","../src/components/icons/components/arrow-down.tsx","../src/components/icons/components/arrow-up.tsx","../src/components/icons/components/arrow-right.tsx","../src/components/icons/components/user.tsx","../src/components/icons/components/right.tsx","../src/components/icons/components/left.tsx","../src/components/icons/components/minus.tsx","../src/components/icons/components/remove.tsx","../src/components/icons/components/copy.tsx","../src/components/icons/components/up.tsx","../src/components/icons/components/down.tsx","../src/components/icons/components/star.tsx","../src/components/icons/icon.tsx"],"names":["React","jsx","FP","_a","ref","_b","as","renderStyles","styles","children","defaultStyles","props","__objRest","Component","styleObj","__spreadValues","__spreadProps","fp_default","defaultStyes","Svg","fill","strokeColor","size","role","alt","svg_default","jsxs","Code","Home","Add","ArrowLeft","Chat","ArrowDown","ArrowUp","ArrowRight","User","Right","Left","Minus","Remove","Copy","Up","Down","Star","Icon"],"mappings":"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","sourcesContent":["import React from 'react'\nimport { ComponentProps } from '../types'\n\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref']\n\ntype AsProp<C extends React.ElementType> = {\n  as?: C\n}\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P)\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\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = {},\n> = PolymorphicComponentProp<C, Props> & {\n  ref?: PolymorphicRef<C>\n}\n\ntype FPProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<\n  C,\n  {\n    renderStyles?: boolean\n    styles?: {}\n  }\n>\n\n/*\n * FPComponent type definition\n *\n * Defines the component function signature for the FP component.\n *\n * @typeParam C - The HTML element type to render\n * @param props - The component props\n * @returns React component\n */\ntype FPComponent = <C extends React.ElementType = 'span'>(\n  props: FPProps<C>,\n) => React.ReactElement | any\n\n// create an object type and make it optional\ntype styl = {\n  styles?: {}\n}\n\n/**\n * FP component is a polymorphic component that renders an HTML element with optional styles.\n * @param {Object} props - Component props\n * @param {React.ElementType} props.as - The HTML element to render. Defaults to 'div'.\n * @param {boolean} props.renderStyles - Whether to render styles or not. Defaults to true.\n * @param {Object} props.styles - The styles to apply to the component.\n * @param {Object} props.defaultStyles - The default styles to apply to the component.\n * @param {React.ReactNode} props.children - The children to render inside the component.\n * @returns {React.ReactElement} - A React component that renders an HTML element with optional styles.\n */\nconst FP: FPComponent = React.forwardRef(\n  <C extends React.ElementType>(\n    {\n      as,\n      renderStyles = true,\n      styles,\n      children,\n      defaultStyles,\n      ...props\n    }: FPProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div'\n\n    const styleObj = renderStyles\n      ? { ...defaultStyles, ...styles }\n      : ({} as React.CSSProperties)\n\n    return (\n      <Component ref={ref} style={styleObj} {...props}>\n        {children}\n      </Component>\n    )\n  },\n)\nexport interface BoxProps extends ComponentProps {\n  elm?: 'div'\n  renderStyles: true\n}\n\nexport default FP\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\n\nconst defaultStyes = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  width: 'auto',\n}\n\nexport const Svg = ({\n  fill = 'currentColor',\n  strokeColor,\n  styles,\n  size,\n  role = 'img',\n  alt,\n  children,\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt' | 'children'\n>) => {\n  return (\n    <svg\n      height={size}\n      width={size}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={styles}\n      role={role}\n      aria-label={alt}\n      {...props}\n    >\n      {children}\n    </svg>\n  )\n}\n\nexport default Svg\nSvg.displayName = 'Svg'\nSvg.styles = defaultStyes\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'none',\n  stroke: 'currentColor',\n}\n\n/**\n * Renders a code icon.\n *\n * @param {string} strokeColor - The color of the icon's stroke.\n * @param {string} fill - The color of the icon's fill.\n * @param {string} size - The size of the icon.\n * @param {string} viewBox - The viewBox of the icon.\n * @param {React.CSSProperties} styles - The default styles of the icon.\n * @param {IconProps} props - Additional props to apply to the icon.\n * @returns {JSX.Element} - A React component that renders an SVG icon.\n */\nexport const Code = ({\n  strokeColor = 'currentColor',\n  fill = 'none',\n  size = 16,\n  styles,\n  role = 'img',\n  alt = 'Code icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n> = {}) => {\n  return (\n    <Svg size={size} role={role} alt={alt} styles={styles} {...props}>\n      <g\n        fill={fill}\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <rect\n          height=\"22\"\n          width=\"18\"\n          fill=\"none\"\n          stroke={strokeColor}\n          x=\"3\"\n          y=\"1\"\n        />\n        <polyline fill=\"none\" points=\"9 9 6 12 9 15\" />\n        <polyline fill=\"none\" points=\"15 15 18 12 15 9\" />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Code\nCode.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'currentColor',\n  stroke: 'none',\n}\n\n/**\n * Renders a home icon.\n *\n * @param {string} strokeColor - The color of the icon's stroke.\n * @param {string} fill - The color of the icon's fill.\n * @param {string} size - The size of the icon.\n * @param {string} viewBox - The viewBox of the icon.\n * @param {string} name - The name of the icon.\n * @param {Object} styles - The styles of the icon.\n * @param {Object} props - The props of the icon.\n * @returns {JSX.Element} - A home icon.\n */\nexport const Home = ({\n  strokeColor = 'currentColor',\n  fill = 'none',\n  size = 16,\n  styles = defaultStyles,\n  role = 'img',\n  alt = 'Home icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g\n        fill={fill}\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <polygon\n          fill=\"none\"\n          points=\"12 2 2 10 2 23 9 23 9 16 15 16 15 23 22 23 22 10 12 2\"\n          stroke={strokeColor}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Home\nHome.displayName = 'Home'\nHome.styles = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'currentColor',\n}\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const Add = ({\n  fill = 'currentColor',\n  size = 24,\n  role = 'img',\n  alt = 'Add icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>): JSX.Element => {\n  return (\n    <Svg size={size} role={role} alt={alt} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Add\nAdd.styles = defaultStyles\nAdd.displayName = 'Add'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\n/**\n * Renders an arrow pointing to the left.\n *\n * @param {string} strokeColor - The color of the arrow's stroke.\n * @param {string} fill - The fill color of the arrow.\n * @param {string} size - The size of the arrow.\n * @param {object} styles - The styles to apply to the arrow.\n * @param {object} props - The additional props to pass to the SVG element.\n * @returns {JSX.Element} - A React component that renders an arrow pointing to the left.\n */\nexport const ArrowLeft = ({\n  strokeColor = 'currentColor',\n  fill = 'currentColor',\n  size = 16,\n  styles,\n  role = 'img',\n  alt = 'Arrow pointing left',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} role={role} {...props} alt={alt}>\n      <g fill={fill} strokeMiterlimit=\"10\">\n        <line\n          fill=\"none\"\n          stroke={strokeColor}\n          strokeLinecap=\"butt\"\n          strokeLinejoin=\"miter\"\n          strokeWidth=\"2\"\n          x1=\"22\"\n          x2=\"2\"\n          y1=\"12\"\n          y2=\"12\"\n        />\n        <polyline\n          fill=\"none\"\n          points=\"9,19 2,12 9,5 \"\n          stroke={strokeColor}\n          strokeLinecap=\"square\"\n          strokeLinejoin=\"miter\"\n          strokeWidth=\"2\"\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default ArrowLeft\nArrowLeft.styles = defaultStyles\nArrowLeft.displayName = 'ArrowLeft'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\n/**\n * @param {string} size - The width and height of the icon in pixels. Defaults to 24.\n * @param {string} strokeColor - The color of the icon stroke. Defaults to 'currentcolor'.\n * @param {React.CSSProperties} styles - Additional CSS styles to apply to the icon.\n * @param {IconProps} props - Additional props to pass to the SVG element.\n * @returns {JSX.Element} - A chat icon component that displays a speech bubble with lines representing text.\n */\nexport const Chat = ({\n  size = 16,\n  strokeColor = 'currentcolor',\n  styles,\n  role = 'img',\n  alt = 'Chat icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>): JSX.Element => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g fill={strokeColor} strokeMiterlimit=\"10\">\n        <path\n          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\"\n          fill=\"none\"\n          stroke={strokeColor}\n          strokeLinecap=\"square\"\n          strokeLinejoin=\"miter\"\n          strokeWidth=\"2\"\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Chat\nChat.styles = defaultStyles\nChat.displayName = 'Chat'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\n/**\n * ArrowDown icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const ArrowDown = ({\n  fill = 'currentColor',\n  strokeColor,\n  styles,\n  size = 16,\n  role = 'img',\n  alt = 'Down icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} role={role} styles={styles} alt={alt} {...props}>\n      <g fill={fill} strokeMiterlimit=\"10\">\n        <line\n          fill=\"none\"\n          stroke={fill}\n          strokeLinecap=\"butt\"\n          strokeLinejoin=\"miter\"\n          strokeWidth=\"2\"\n          x1=\"12\"\n          x2=\"12\"\n          y1=\"2\"\n          y2=\"22\"\n        />\n        <polyline\n          fill=\"none\"\n          points=\"19,15 12,22 5,15 \"\n          stroke={fill}\n          strokeLinecap=\"square\"\n          strokeLinejoin=\"miter\"\n          strokeWidth=\"2\"\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default ArrowDown\nArrowDown.styles = defaultStyles\nArrowDown.displayName = 'ArrowDown'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'none',\n  stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const ArrowUp = ({\n  fill = 'currentColor',\n  strokeColor = 'currentColor',\n  styles,\n  size = 16,\n  role = 'img',\n  alt = 'Up arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g\n        fill=\"none\"\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <line fill=\"none\" strokeLinecap=\"butt\" x1=\"12\" x2=\"12\" y1=\"22\" y2=\"2\" />\n        <polyline fill=\"none\" points=\"5,9 12,2 19,9 \" stroke={strokeColor} />\n      </g>\n    </Svg>\n  )\n}\n\nexport default ArrowUp\nArrowUp.displayName = 'ArrowUp'\nArrowUp.style = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'currentColor',\n}\n\n/*\n * ArrowRight icon component.\n *\n * Renders a right arrow SVG icon.\n *\n * @param {IconProps} props - The component props\n * @param {string} [props.size=\"24\"] - Icon size\n * @param {string} [props.fill=\"currentColor\"] - Icon fill color\n * @param {string} [props.strokeColor=\"currentColor\"] - Stroke color\n *\n * @returns {React.ReactElement} - The rendered icon\n */\nexport const ArrowRight = ({\n  size = 16,\n  fill = 'currentColor',\n  strokeColor = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Right arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g\n        fill={fill}\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <line fill=\"none\" strokeLinecap=\"butt\" x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\" />\n        <polyline fill=\"none\" points=\"15,5 22,12 15,19 \" stroke={strokeColor} />\n      </g>\n    </Svg>\n  )\n}\n\nexport default ArrowRight\nArrowRight.displayName = 'ArrowRight'\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'none',\n  stroke: 'currentColor',\n}\n\nexport const User = ({\n  size = 16,\n  fill = 'none',\n  strokeColor = 'currentColor',\n  styles,\n  alt = 'User Icon',\n  role,\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} role={role} alt={alt} styles={styles} {...props}>\n      <g\n        fill={fill}\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <circle cx=\"12\" cy=\"5.5\" fill=\"none\" r=\"4.5\" />\n        <path\n          d=\"M12,14c-4.971,0-9,4.029-9,9H21c0-4.971-4.029-9-9-9Z\"\n          fill=\"none\"\n          stroke={strokeColor}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default User\nUser.styles = defaultStyles\nUser.displayName = 'User'\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  fill: 'currentColor',\n}\n\n/**\n * Renders a right arrow icon.\n *\n * @param {string} size - The size of the icon.\n * @param {string} fill - The fill color of the icon.\n * @param {React.CSSProperties} styles - The styles to apply to the icon.\n * @param {IconProps} props - The props to pass down to the icon.\n * @returns {JSX.Element} - A right arrow icon.\n */\nexport const Right = ({\n  size = 16,\n  fill = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Right arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Right\nRight.displayName = 'Right'\nRight.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'currentColor',\n}\n\n/**\n * Left arrow icon\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {React.CSSProperties} styles - Icon styles (default: {})\n * @param {IconProps} props - Any other valid props for an SVG element\n * @returns {JSX.Element} - Rendered icon component\n */\nexport const Left = ({\n  fill = 'currentColor',\n  size = 16,\n  styles,\n  role = 'img',\n  alt = 'Left arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} alt={alt} role={role} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Left\nLeft.displayName = 'Left'\nLeft.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  fill: 'currentColor',\n}\n\n/**\n * Minus icon component\n * @param {string} size - Icon size (default: 24)\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {object} styles - Inline styles for the SVG element\n * @param {object} props - Any other SVG attributes\n * @returns {JSX.Element} - Rendered Minus icon component\n */\nexport const Minus = ({\n  size = 24,\n  fill = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Minus icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g fill={fill}>\n        <path\n          d=\"M17,11H7c-.553,0-1,.447-1,1s.447,1,1,1h10c.553,0,1-.447,1-1s-.447-1-1-1Z\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Minus\nMinus.displayName = 'Minus'\nMinus.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  fill: 'currenStyle',\n}\n\n/**\n * Remove icon component\n * @param {string} size - The size of the icon\n * @param {string} fill - The fill color of the icon\n * @param {object} styles - The styles to apply to the icon\n * @param {object} props - The additional props to pass to the icon\n * @returns {JSX.Element} - The Remove icon component\n */\nexport const Remove = ({\n  size = 16,\n  fill = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Remove icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Remove\nRemove.displayName = 'Remove'\nRemove.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  stroke: 'currentColor',\n}\n\n/**\n * Copy icon component\n * @param {string} size - The width and height of the icon\n * @param {string} strokeColor - The color of the icon stroke\n * @param {IconProps} props - The icon component props\n * @returns {JSX.Element} - A react JSX element representing the copy icon\n */\nexport const Copy = ({\n  size = 16,\n  strokeColor = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Copy icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>): JSX.Element => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g\n        fill=\"none\"\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <polyline\n          fill=\"none\"\n          points=\"8 19 2 19 2 1 17 1 17 6\"\n          stroke={strokeColor}\n        />\n        <rect height=\"13\" width=\"10\" fill=\"none\" x=\"12\" y=\"10\" />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Copy\nCopy.displayName = 'Copy'\nCopy.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\nexport const Up = ({\n  size = 16,\n  fill = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Up arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Up\nUp.displayName = 'Up'\nUp.styles = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\nexport const Down = ({\n  size = 16,\n  fill = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Down arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Down\nDown.displayName = 'Down'\nDown.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nexport function Star({\n  size = 16,\n  fill = 'currentColor',\n  strokeColor = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Star icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) {\n  return (\n    <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n      <g\n        fill=\"none\"\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <polygon\n          fill=\"none\"\n          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 \"\n          stroke={strokeColor}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Star\nStar.displayName = 'Star'\n","import {\n  Add,\n  ArrowDown,\n  ArrowLeft,\n  ArrowRight,\n  ArrowUp,\n  Chat,\n  Code,\n  Copy,\n  Down,\n  Home,\n  Left,\n  Minus,\n  Remove,\n  Right,\n  Star,\n  Up,\n  User,\n} from './index'\n\nimport { ComponentProps } from '#/types'\nimport FP from '#components/fp'\nimport React from 'react'\n\nexport interface IconProps extends Partial<ComponentProps> {\n  fill?: string\n  size?: string\n  viewBox?: string\n  name?: string\n}\n\nexport const defaultStyles = {\n  display: 'inline-flex',\n  direction: 'row',\n  gap: '.2rem',\n  placeItems: 'center',\n  width: 'auto',\n}\n\n/**\n * Icon component wraps svg in a div.\n * @param {IconProps} props - The props object for the Icon component.\n * @param {React.ReactNode} props.children - The children of the Icon component.\n * @param {Object} props.styles - The styles object for the Icon component.\n * @returns {JSX.Element} - The Icon component.\n */\nexport const Icon = ({ children, styles, ...props }: IconProps) => {\n  return (\n    <FP as=\"span\" styles={styles} data-style=\"icons\" {...props}>\n      {children}\n    </FP>\n  )\n}\n\nexport default Icon\nIcon.Add = Add\nIcon.ArrowDown = ArrowDown\nIcon.ArrowLeft = ArrowLeft\nIcon.ArrowRight = ArrowRight\nIcon.ArrowUp = ArrowUp\nIcon.Chat = Chat\nIcon.Code = Code\nIcon.Copy = Copy\nIcon.displayName = 'Icon'\nIcon.Home = Home\nIcon.Left = Left\nIcon.Minus = Minus\nIcon.Remove = Remove\nIcon.Right = Right\nIcon.Star = Star\nIcon.styles = defaultStyles\nIcon.Up = Up\nIcon.Down = Down\nIcon.User = User\n"]}

package/dist/chunk-GJWMCDFS.js

@@ -0,0 +1,9 @@
+import { c, a, b } from './chunk-PCDUGD3C.js';
+import j from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const oo=j.forwardRef((a$1,c$1)=>{const f=a$1; const {as:r,renderStyles:l=!0,styles:s,children:p,defaultStyles:i}=f; const m=c(f,["as","renderStyles","styles","children","defaultStyles"]);const d=r||"div"; const $=l?a(a({},i),s):{};return jsx(d,b(a({ref:c$1,style:$},m),{children:p}))}); const Y=oo;const to={display:"inline-flex",alignItems:"center",width:"auto"}; const M=f=>{const d=f; const {fill:r="currentColor",strokeColor:l,styles:s,size:p,role:i="img",alt:m,children:c$1}=d; const a$1=c(d,["fill","strokeColor","styles","size","role","alt","children"]);return jsx("svg",b(a({height:p,width:p,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",style:s,role:i,"aria-label":m},a$1),{children:c$1}))}; const t=M;M.displayName="Svg";M.styles=to;const lo=b(a({},t.styles),{fill:"none",stroke:"currentColor"}); const N=(a$1={})=>{const f=a$1; const {strokeColor:r="currentColor",fill:l="none",size:s=16,styles:p,role:i="img",alt:m="Code icon"}=f; const c$1=c(f,["strokeColor","fill","size","styles","role","alt"]);return jsx(t,b(a({size:s,role:i,alt:m,styles:p},c$1),{children:jsxs("g",{fill:l,stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:[jsx("rect",{height:"22",width:"18",fill:"none",stroke:r,x:"3",y:"1"}),jsx("polyline",{fill:"none",points:"9 9 6 12 9 15"}),jsx("polyline",{fill:"none",points:"15 15 18 12 15 9"})]})}))};N.styles=lo;const _=b(a({},t.styles),{fill:"currentColor",stroke:"none"}); const k=a$1=>{const f=a$1; const {strokeColor:r="currentColor",fill:l="none",size:s=16,styles:p=_,role:i="img",alt:m="Home icon"}=f; const c$1=c(f,["strokeColor","fill","size","styles","role","alt"]);return jsx(t,b(a({size:s,styles:p,role:i,alt:m},c$1),{children:jsx("g",{fill:l,stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:jsx("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:r})})}))};k.displayName="Home";k.styles=_;const io=b(a({},t.styles),{fill:"currentColor"}); const P=m=>{const c$1=m; const {fill:r="currentColor",size:l=24,role:s="img",alt:p="Add icon"}=c$1; const i=c(c$1,["fill","size","role","alt"]);return jsx(t,b(a({size:l,role:s,alt:p},i),{children:jsx("g",{fill:r,children:jsx("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:r})})}))};P.styles=io;P.displayName="Add";const no=a({},t.styles); const u=a$1=>{const f=a$1; const {strokeColor:r="currentColor",fill:l="currentColor",size:s=16,styles:p,role:i="img",alt:m="Arrow pointing left"}=f; const c$1=c(f,["strokeColor","fill","size","styles","role","alt"]);return jsx(t,b(a({size:s,styles:p,role:i},c$1),{alt:m,children:jsxs("g",{fill:l,strokeMiterlimit:"10",children:[jsx("line",{fill:"none",stroke:r,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"22",x2:"2",y1:"12",y2:"12"}),jsx("polyline",{fill:"none",points:"9,19 2,12 9,5 ",stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})]})}))};u.styles=no;u.displayName="ArrowLeft";const mo=a({},t.styles); const C=c$1=>{const a$1=c$1; const {size:r=16,strokeColor:l="currentcolor",styles:s,role:p="img",alt:i="Chat icon"}=a$1; const m=c(a$1,["size","strokeColor","styles","role","alt"]);return jsx(t,b(a({size:r,styles:s,role:p,alt:i},m),{children:jsx("g",{fill:l,strokeMiterlimit:"10",children:jsx("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:l,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})})}))};C.styles=mo;C.displayName="Chat";const ao=a({},t.styles); const x=a$1=>{const f=a$1; const {fill:r="currentColor",strokeColor:l,styles:s,size:p=16,role:i="img",alt:m="Down icon"}=f; const c$1=c(f,["fill","strokeColor","styles","size","role","alt"]);return jsx(t,b(a({size:p,role:i,styles:s,alt:m},c$1),{children:jsxs("g",{fill:r,strokeMiterlimit:"10",children:[jsx("line",{fill:"none",stroke:r,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"12",x2:"12",y1:"2",y2:"22"}),jsx("polyline",{fill:"none",points:"19,15 12,22 5,15 ",stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})]})}))};x.styles=ao;x.displayName="ArrowDown";const fo=b(a({},t.styles),{fill:"none",stroke:"currentColor"}); const h=a$1=>{const f=a$1; const {fill:r="currentColor",strokeColor:l="currentColor",styles:s,size:p=16,role:i="img",alt:m="Up arrow icon"}=f; const c$1=c(f,["fill","strokeColor","styles","size","role","alt"]);return jsx(t,b(a({size:p,styles:s,role:i,alt:m},c$1),{children:jsxs("g",{fill:"none",stroke:l,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:[jsx("line",{fill:"none",strokeLinecap:"butt",x1:"12",x2:"12",y1:"22",y2:"2"}),jsx("polyline",{fill:"none",points:"5,9 12,2 19,9 ",stroke:l})]})}))};h.displayName="ArrowUp";h.style=fo;b(a({},t.styles),{fill:"currentColor"});const F=a$1=>{const f=a$1; const {size:r=16,fill:l="currentColor",strokeColor:s="currentColor",styles:p,role:i="img",alt:m="Right arrow icon"}=f; const c$1=c(f,["size","fill","strokeColor","styles","role","alt"]);return jsx(t,b(a({size:r,styles:p,role:i,alt:m},c$1),{children:jsxs("g",{fill:l,stroke:s,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:[jsx("line",{fill:"none",strokeLinecap:"butt",x1:"2",x2:"22",y1:"12",y2:"12"}),jsx("polyline",{fill:"none",points:"15,5 22,12 15,19 ",stroke:s})]})}))};F.displayName="ArrowRight";const ko=b(a({},t.styles),{fill:"none",stroke:"currentColor"}); const S=a$1=>{const f=a$1; const {size:r=16,fill:l="none",strokeColor:s="currentColor",styles:p,alt:i="User Icon",role:m}=f; const c$1=c(f,["size","fill","strokeColor","styles","alt","role"]);return jsx(t,b(a({size:r,role:m,alt:i,styles:p},c$1),{children:jsxs("g",{fill:l,stroke:s,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:[jsx("circle",{cx:"12",cy:"5.5",fill:"none",r:"4.5"}),jsx("path",{d:"M12,14c-4.971,0-9,4.029-9,9H21c0-4.971-4.029-9-9-9Z",fill:"none",stroke:s})]})}))};S.styles=ko;S.displayName="User";const uo={fill:"currentColor"}; const R=c$1=>{const a$1=c$1; const {size:r=16,fill:l="currentColor",styles:s,role:p="img",alt:i="Right arrow icon"}=a$1; const m=c(a$1,["size","fill","styles","role","alt"]);return jsx(t,b(a({size:r,alt:i,styles:s,role:p},m),{children:jsx("g",{fill:l,children:jsx("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:l})})}))};R.displayName="Right";R.styles=uo;const Co=b(a({},t.styles),{fill:"currentColor"}); const v=c$1=>{const a$1=c$1; const {fill:r="currentColor",size:l=16,styles:s,role:p="img",alt:i="Left arrow icon"}=a$1; const m=c(a$1,["fill","size","styles","role","alt"]);return jsx(t,b(a({size:l,styles:s,alt:i,role:p},m),{children:jsx("g",{fill:r,children:jsx("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:r})})}))};v.displayName="Left";v.styles=Co;const xo={fill:"currentColor"}; const w=c$1=>{const a$1=c$1; const {size:r=24,fill:l="currentColor",styles:s,role:p="img",alt:i="Minus icon"}=a$1; const m=c(a$1,["size","fill","styles","role","alt"]);return jsx(t,b(a({size:r,styles:s,role:p,alt:i},m),{children:jsx("g",{fill:l,children:jsx("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:l})})}))};w.displayName="Minus";w.styles=xo;const ho={fill:"currenStyle"}; const I=c$1=>{const a$1=c$1; const {size:r=16,fill:l="currentColor",styles:s,role:p="img",alt:i="Remove icon"}=a$1; const m=c(a$1,["size","fill","styles","role","alt"]);return jsx(t,b(a({size:r,alt:i,styles:s,role:p},m),{children:jsx("g",{fill:l,children:jsx("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:l})})}))};I.displayName="Remove";I.styles=ho;const So=b(a({},t.styles),{stroke:"currentColor"}); const L=c$1=>{const a$1=c$1; const {size:r=16,strokeColor:l="currentColor",styles:s,role:p="img",alt:i="Copy icon"}=a$1; const m=c(a$1,["size","strokeColor","styles","role","alt"]);return jsx(t,b(a({size:r,styles:s,role:p,alt:i},m),{children:jsxs("g",{fill:"none",stroke:l,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:[jsx("polyline",{fill:"none",points:"8 19 2 19 2 1 17 1 17 6",stroke:l}),jsx("rect",{height:"13",width:"10",fill:"none",x:"12",y:"10"})]})}))};L.displayName="Copy";L.styles=So;const vo=a({},t.styles); const z=c$1=>{const a$1=c$1; const {size:r=16,fill:l="currentColor",styles:s,role:p="img",alt:i="Up arrow icon"}=a$1; const m=c(a$1,["size","fill","styles","role","alt"]);return jsx(t,b(a({size:r,alt:i,styles:s,role:p},m),{children:jsx("g",{fill:l,children:jsx("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:l})})}))};z.displayName="Up";z.styles=vo;const wo=a({},t.styles); const A=c$1=>{const a$1=c$1; const {size:r=16,fill:l="currentColor",styles:s,role:p="img",alt:i="Down arrow icon"}=a$1; const m=c(a$1,["size","fill","styles","role","alt"]);return jsx(t,b(a({size:r,alt:i,styles:s,role:p},m),{children:jsx("g",{fill:l,children:jsx("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:l})})}))};A.displayName="Down";A.styles=wo;function Q(a$1){const f=a$1; const {size:r=16,fill:l="currentColor",strokeColor:s="currentColor",styles:p,role:i="img",alt:m="Star icon"}=f; const c$1=c(f,["size","fill","strokeColor","styles","role","alt"]);return jsx(t,b(a({size:r,alt:m,styles:p,role:i},c$1),{children:jsx("g",{fill:"none",stroke:s,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2",children:jsx("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:s})})}))}Q.displayName="Star";const Io={display:"inline-flex",direction:"row",gap:".2rem",placeItems:"center",width:"auto"}; const y=p=>{const i=p; const {children:r,styles:l}=i; const s=c(i,["children","styles"]);return jsx(Y,b(a({as:"span",styles:l,"data-style":"icons"},s),{children:r}))};y.Add=P;y.ArrowDown=x;y.ArrowLeft=u;y.ArrowRight=F;y.ArrowUp=h;y.Chat=C;y.Code=N;y.Copy=L;y.displayName="Icon";y.Home=k;y.Left=v;y.Minus=w;y.Remove=I;y.Right=R;y.Star=Q;y.styles=Io;y.Up=z;y.Down=A;y.User=S;
+
+export { Y as a, N as b, k as c, P as d, u as e, C as f, x as g, h, F as i, S as j, R as k, v as l, w as m, I as n, L as o, Io as p, y as q };
+// # sourceMappingURL=out.js.map
+// # sourceMappingURL=chunk-GJWMCDFS.js.map

package/dist/chunk-GJWMCDFS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/fp.tsx","../src/components/icons/components/svg.tsx","../src/components/icons/components/code.tsx","../src/components/icons/components/home.tsx","../src/components/icons/components/add.tsx","../src/components/icons/components/arrow-left.tsx","../src/components/icons/components/chat.tsx","../src/components/icons/components/arrow-down.tsx","../src/components/icons/components/arrow-up.tsx","../src/components/icons/components/arrow-right.tsx","../src/components/icons/components/user.tsx","../src/components/icons/components/right.tsx","../src/components/icons/components/left.tsx","../src/components/icons/components/minus.tsx","../src/components/icons/components/remove.tsx","../src/components/icons/components/copy.tsx","../src/components/icons/components/up.tsx","../src/components/icons/components/down.tsx","../src/components/icons/components/star.tsx","../src/components/icons/icon.tsx"],"names":["React","jsx","FP","_a","ref","_b","as","renderStyles","styles","children","defaultStyles","props","__objRest","Component","styleObj","__spreadValues","__spreadProps","fp_default","defaultStyes","Svg","fill","strokeColor","size","role","alt","svg_default","jsxs","Code","Home","Add","ArrowLeft","Chat","ArrowDown","ArrowUp","ArrowRight","User","Right","Left","Minus","Remove","Copy","Up","Down","Star","Icon"],"mappings":"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","sourcesContent":["import React from 'react'\nimport { ComponentProps } from '../types'\n\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref']\n\ntype AsProp<C extends React.ElementType> = {\n  as?: C\n}\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P)\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\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = {},\n> = PolymorphicComponentProp<C, Props> & {\n  ref?: PolymorphicRef<C>\n}\n\ntype FPProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<\n  C,\n  {\n    renderStyles?: boolean\n    styles?: {}\n  }\n>\n\n/*\n * FPComponent type definition\n *\n * Defines the component function signature for the FP component.\n *\n * @typeParam C - The HTML element type to render\n * @param props - The component props\n * @returns React component\n */\ntype FPComponent = <C extends React.ElementType = 'span'>(\n  props: FPProps<C>,\n) => React.ReactElement | any\n\n// create an object type and make it optional\ntype styl = {\n  styles?: {}\n}\n\n/**\n * FP component is a polymorphic component that renders an HTML element with optional styles.\n * @param {Object} props - Component props\n * @param {React.ElementType} props.as - The HTML element to render. Defaults to 'div'.\n * @param {boolean} props.renderStyles - Whether to render styles or not. Defaults to true.\n * @param {Object} props.styles - The styles to apply to the component.\n * @param {Object} props.defaultStyles - The default styles to apply to the component.\n * @param {React.ReactNode} props.children - The children to render inside the component.\n * @returns {React.ReactElement} - A React component that renders an HTML element with optional styles.\n */\nconst FP: FPComponent = React.forwardRef(\n  <C extends React.ElementType>(\n    {\n      as,\n      renderStyles = true,\n      styles,\n      children,\n      defaultStyles,\n      ...props\n    }: FPProps<C>,\n    ref?: PolymorphicRef<C>,\n  ) => {\n    const Component = as || 'div'\n\n    const styleObj = renderStyles\n      ? { ...defaultStyles, ...styles }\n      : ({} as React.CSSProperties)\n\n    return (\n      <Component ref={ref} style={styleObj} {...props}>\n        {children}\n      </Component>\n    )\n  },\n)\nexport interface BoxProps extends ComponentProps {\n  elm?: 'div'\n  renderStyles: true\n}\n\nexport default FP\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\n\nconst defaultStyes = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  width: 'auto',\n}\n\nexport const Svg = ({\n  fill = 'currentColor',\n  strokeColor,\n  styles,\n  size,\n  role = 'img',\n  alt,\n  children,\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt' | 'children'\n>) => {\n  return (\n    <svg\n      height={size}\n      width={size}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={styles}\n      role={role}\n      aria-label={alt}\n      {...props}\n    >\n      {children}\n    </svg>\n  )\n}\n\nexport default Svg\nSvg.displayName = 'Svg'\nSvg.styles = defaultStyes\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'none',\n  stroke: 'currentColor',\n}\n\n/**\n * Renders a code icon.\n *\n * @param {string} strokeColor - The color of the icon's stroke.\n * @param {string} fill - The color of the icon's fill.\n * @param {string} size - The size of the icon.\n * @param {string} viewBox - The viewBox of the icon.\n * @param {React.CSSProperties} styles - The default styles of the icon.\n * @param {IconProps} props - Additional props to apply to the icon.\n * @returns {JSX.Element} - A React component that renders an SVG icon.\n */\nexport const Code = ({\n  strokeColor = 'currentColor',\n  fill = 'none',\n  size = 16,\n  styles,\n  role = 'img',\n  alt = 'Code icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n> = {}) => {\n  return (\n    <Svg size={size} role={role} alt={alt} styles={styles} {...props}>\n      <g\n        fill={fill}\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <rect\n          height=\"22\"\n          width=\"18\"\n          fill=\"none\"\n          stroke={strokeColor}\n          x=\"3\"\n          y=\"1\"\n        />\n        <polyline fill=\"none\" points=\"9 9 6 12 9 15\" />\n        <polyline fill=\"none\" points=\"15 15 18 12 15 9\" />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Code\nCode.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'currentColor',\n  stroke: 'none',\n}\n\n/**\n * Renders a home icon.\n *\n * @param {string} strokeColor - The color of the icon's stroke.\n * @param {string} fill - The color of the icon's fill.\n * @param {string} size - The size of the icon.\n * @param {string} viewBox - The viewBox of the icon.\n * @param {string} name - The name of the icon.\n * @param {Object} styles - The styles of the icon.\n * @param {Object} props - The props of the icon.\n * @returns {JSX.Element} - A home icon.\n */\nexport const Home = ({\n  strokeColor = 'currentColor',\n  fill = 'none',\n  size = 16,\n  styles = defaultStyles,\n  role = 'img',\n  alt = 'Home icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g\n        fill={fill}\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <polygon\n          fill=\"none\"\n          points=\"12 2 2 10 2 23 9 23 9 16 15 16 15 23 22 23 22 10 12 2\"\n          stroke={strokeColor}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Home\nHome.displayName = 'Home'\nHome.styles = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'currentColor',\n}\n\n/**\n * Add Icon component\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {IconProps} props - Other icon properties\n * @returns {JSX.Element} - Rendered component\n */\nexport const Add = ({\n  fill = 'currentColor',\n  size = 24,\n  role = 'img',\n  alt = 'Add icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>): JSX.Element => {\n  return (\n    <Svg size={size} role={role} alt={alt} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Add\nAdd.styles = defaultStyles\nAdd.displayName = 'Add'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\n/**\n * Renders an arrow pointing to the left.\n *\n * @param {string} strokeColor - The color of the arrow's stroke.\n * @param {string} fill - The fill color of the arrow.\n * @param {string} size - The size of the arrow.\n * @param {object} styles - The styles to apply to the arrow.\n * @param {object} props - The additional props to pass to the SVG element.\n * @returns {JSX.Element} - A React component that renders an arrow pointing to the left.\n */\nexport const ArrowLeft = ({\n  strokeColor = 'currentColor',\n  fill = 'currentColor',\n  size = 16,\n  styles,\n  role = 'img',\n  alt = 'Arrow pointing left',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} role={role} {...props} alt={alt}>\n      <g fill={fill} strokeMiterlimit=\"10\">\n        <line\n          fill=\"none\"\n          stroke={strokeColor}\n          strokeLinecap=\"butt\"\n          strokeLinejoin=\"miter\"\n          strokeWidth=\"2\"\n          x1=\"22\"\n          x2=\"2\"\n          y1=\"12\"\n          y2=\"12\"\n        />\n        <polyline\n          fill=\"none\"\n          points=\"9,19 2,12 9,5 \"\n          stroke={strokeColor}\n          strokeLinecap=\"square\"\n          strokeLinejoin=\"miter\"\n          strokeWidth=\"2\"\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default ArrowLeft\nArrowLeft.styles = defaultStyles\nArrowLeft.displayName = 'ArrowLeft'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\n/**\n * @param {string} size - The width and height of the icon in pixels. Defaults to 24.\n * @param {string} strokeColor - The color of the icon stroke. Defaults to 'currentcolor'.\n * @param {React.CSSProperties} styles - Additional CSS styles to apply to the icon.\n * @param {IconProps} props - Additional props to pass to the SVG element.\n * @returns {JSX.Element} - A chat icon component that displays a speech bubble with lines representing text.\n */\nexport const Chat = ({\n  size = 16,\n  strokeColor = 'currentcolor',\n  styles,\n  role = 'img',\n  alt = 'Chat icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>): JSX.Element => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g fill={strokeColor} strokeMiterlimit=\"10\">\n        <path\n          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\"\n          fill=\"none\"\n          stroke={strokeColor}\n          strokeLinecap=\"square\"\n          strokeLinejoin=\"miter\"\n          strokeWidth=\"2\"\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Chat\nChat.styles = defaultStyles\nChat.displayName = 'Chat'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\n/**\n * ArrowDown icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const ArrowDown = ({\n  fill = 'currentColor',\n  strokeColor,\n  styles,\n  size = 16,\n  role = 'img',\n  alt = 'Down icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} role={role} styles={styles} alt={alt} {...props}>\n      <g fill={fill} strokeMiterlimit=\"10\">\n        <line\n          fill=\"none\"\n          stroke={fill}\n          strokeLinecap=\"butt\"\n          strokeLinejoin=\"miter\"\n          strokeWidth=\"2\"\n          x1=\"12\"\n          x2=\"12\"\n          y1=\"2\"\n          y2=\"22\"\n        />\n        <polyline\n          fill=\"none\"\n          points=\"19,15 12,22 5,15 \"\n          stroke={fill}\n          strokeLinecap=\"square\"\n          strokeLinejoin=\"miter\"\n          strokeWidth=\"2\"\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default ArrowDown\nArrowDown.styles = defaultStyles\nArrowDown.displayName = 'ArrowDown'\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'none',\n  stroke: 'currentColor',\n}\n\n/**\n * ArrowUp icon component\n * @param fill - Icon fill color\n * @param strokeColor - Icon stroke color\n * @param styles - Icon styles\n * @param size - Icon size\n */\nexport const ArrowUp = ({\n  fill = 'currentColor',\n  strokeColor = 'currentColor',\n  styles,\n  size = 16,\n  role = 'img',\n  alt = 'Up arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g\n        fill=\"none\"\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <line fill=\"none\" strokeLinecap=\"butt\" x1=\"12\" x2=\"12\" y1=\"22\" y2=\"2\" />\n        <polyline fill=\"none\" points=\"5,9 12,2 19,9 \" stroke={strokeColor} />\n      </g>\n    </Svg>\n  )\n}\n\nexport default ArrowUp\nArrowUp.displayName = 'ArrowUp'\nArrowUp.style = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'currentColor',\n}\n\n/*\n * ArrowRight icon component.\n *\n * Renders a right arrow SVG icon.\n *\n * @param {IconProps} props - The component props\n * @param {string} [props.size=\"24\"] - Icon size\n * @param {string} [props.fill=\"currentColor\"] - Icon fill color\n * @param {string} [props.strokeColor=\"currentColor\"] - Stroke color\n *\n * @returns {React.ReactElement} - The rendered icon\n */\nexport const ArrowRight = ({\n  size = 16,\n  fill = 'currentColor',\n  strokeColor = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Right arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g\n        fill={fill}\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <line fill=\"none\" strokeLinecap=\"butt\" x1=\"2\" x2=\"22\" y1=\"12\" y2=\"12\" />\n        <polyline fill=\"none\" points=\"15,5 22,12 15,19 \" stroke={strokeColor} />\n      </g>\n    </Svg>\n  )\n}\n\nexport default ArrowRight\nArrowRight.displayName = 'ArrowRight'\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'none',\n  stroke: 'currentColor',\n}\n\nexport const User = ({\n  size = 16,\n  fill = 'none',\n  strokeColor = 'currentColor',\n  styles,\n  alt = 'User Icon',\n  role,\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} role={role} alt={alt} styles={styles} {...props}>\n      <g\n        fill={fill}\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <circle cx=\"12\" cy=\"5.5\" fill=\"none\" r=\"4.5\" />\n        <path\n          d=\"M12,14c-4.971,0-9,4.029-9,9H21c0-4.971-4.029-9-9-9Z\"\n          fill=\"none\"\n          stroke={strokeColor}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default User\nUser.styles = defaultStyles\nUser.displayName = 'User'\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  fill: 'currentColor',\n}\n\n/**\n * Renders a right arrow icon.\n *\n * @param {string} size - The size of the icon.\n * @param {string} fill - The fill color of the icon.\n * @param {React.CSSProperties} styles - The styles to apply to the icon.\n * @param {IconProps} props - The props to pass down to the icon.\n * @returns {JSX.Element} - A right arrow icon.\n */\nexport const Right = ({\n  size = 16,\n  fill = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Right arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Right\nRight.displayName = 'Right'\nRight.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  fill: 'currentColor',\n}\n\n/**\n * Left arrow icon\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {string} size - Icon size (default: '24')\n * @param {React.CSSProperties} styles - Icon styles (default: {})\n * @param {IconProps} props - Any other valid props for an SVG element\n * @returns {JSX.Element} - Rendered icon component\n */\nexport const Left = ({\n  fill = 'currentColor',\n  size = 16,\n  styles,\n  role = 'img',\n  alt = 'Left arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} alt={alt} role={role} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Left\nLeft.displayName = 'Left'\nLeft.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  fill: 'currentColor',\n}\n\n/**\n * Minus icon component\n * @param {string} size - Icon size (default: 24)\n * @param {string} fill - Icon fill color (default: 'currentColor')\n * @param {object} styles - Inline styles for the SVG element\n * @param {object} props - Any other SVG attributes\n * @returns {JSX.Element} - Rendered Minus icon component\n */\nexport const Minus = ({\n  size = 24,\n  fill = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Minus icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g fill={fill}>\n        <path\n          d=\"M17,11H7c-.553,0-1,.447-1,1s.447,1,1,1h10c.553,0,1-.447,1-1s-.447-1-1-1Z\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Minus\nMinus.displayName = 'Minus'\nMinus.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  fill: 'currenStyle',\n}\n\n/**\n * Remove icon component\n * @param {string} size - The size of the icon\n * @param {string} fill - The fill color of the icon\n * @param {object} styles - The styles to apply to the icon\n * @param {object} props - The additional props to pass to the icon\n * @returns {JSX.Element} - The Remove icon component\n */\nexport const Remove = ({\n  size = 16,\n  fill = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Remove icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Remove\nRemove.displayName = 'Remove'\nRemove.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = {\n  ...Svg.styles,\n  stroke: 'currentColor',\n}\n\n/**\n * Copy icon component\n * @param {string} size - The width and height of the icon\n * @param {string} strokeColor - The color of the icon stroke\n * @param {IconProps} props - The icon component props\n * @returns {JSX.Element} - A react JSX element representing the copy icon\n */\nexport const Copy = ({\n  size = 16,\n  strokeColor = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Copy icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>): JSX.Element => {\n  return (\n    <Svg size={size} styles={styles} role={role} alt={alt} {...props}>\n      <g\n        fill=\"none\"\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <polyline\n          fill=\"none\"\n          points=\"8 19 2 19 2 1 17 1 17 6\"\n          stroke={strokeColor}\n        />\n        <rect height=\"13\" width=\"10\" fill=\"none\" x=\"12\" y=\"10\" />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Copy\nCopy.displayName = 'Copy'\nCopy.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\nexport const Up = ({\n  size = 16,\n  fill = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Up arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Up\nUp.displayName = 'Up'\nUp.styles = defaultStyles\n","import * as React from 'react'\n\nimport { IconProps } from '../types'\nimport Svg from './svg'\n\nconst defaultStyles = { ...Svg.styles }\n\nexport const Down = ({\n  size = 16,\n  fill = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Down arrow icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) => {\n  return (\n    <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n      <g fill={fill}>\n        <path\n          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\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Down\nDown.displayName = 'Down'\nDown.styles = defaultStyles\n","import { IconProps } from '../types'\nimport React from 'react'\nimport Svg from './svg'\n\nexport function Star({\n  size = 16,\n  fill = 'currentColor',\n  strokeColor = 'currentColor',\n  styles,\n  role = 'img',\n  alt = 'Star icon',\n  ...props\n}: Pick<\n  IconProps,\n  'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'\n>) {\n  return (\n    <Svg size={size} alt={alt} styles={styles} role={role} {...props}>\n      <g\n        fill=\"none\"\n        stroke={strokeColor}\n        strokeLinecap=\"square\"\n        strokeLinejoin=\"miter\"\n        strokeMiterlimit=\"10\"\n        strokeWidth=\"2\"\n      >\n        <polygon\n          fill=\"none\"\n          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 \"\n          stroke={strokeColor}\n        />\n      </g>\n    </Svg>\n  )\n}\n\nexport default Star\nStar.displayName = 'Star'\n","import {\n  Add,\n  ArrowDown,\n  ArrowLeft,\n  ArrowRight,\n  ArrowUp,\n  Chat,\n  Code,\n  Copy,\n  Down,\n  Home,\n  Left,\n  Minus,\n  Remove,\n  Right,\n  Star,\n  Up,\n  User,\n} from './index'\n\nimport { ComponentProps } from '#/types'\nimport FP from '#components/fp'\nimport React from 'react'\n\nexport interface IconProps extends Partial<ComponentProps> {\n  fill?: string\n  size?: string\n  viewBox?: string\n  name?: string\n}\n\nexport const defaultStyles = {\n  display: 'inline-flex',\n  direction: 'row',\n  gap: '.2rem',\n  placeItems: 'center',\n  width: 'auto',\n}\n\n/**\n * Icon component wraps svg in a div.\n * @param {IconProps} props - The props object for the Icon component.\n * @param {React.ReactNode} props.children - The children of the Icon component.\n * @param {Object} props.styles - The styles object for the Icon component.\n * @returns {JSX.Element} - The Icon component.\n */\nexport const Icon = ({ children, styles, ...props }: IconProps) => {\n  return (\n    <FP as=\"span\" styles={styles} data-style=\"icons\" {...props}>\n      {children}\n    </FP>\n  )\n}\n\nexport default Icon\nIcon.Add = Add\nIcon.ArrowDown = ArrowDown\nIcon.ArrowLeft = ArrowLeft\nIcon.ArrowRight = ArrowRight\nIcon.ArrowUp = ArrowUp\nIcon.Chat = Chat\nIcon.Code = Code\nIcon.Copy = Copy\nIcon.displayName = 'Icon'\nIcon.Home = Home\nIcon.Left = Left\nIcon.Minus = Minus\nIcon.Remove = Remove\nIcon.Right = Right\nIcon.Star = Star\nIcon.styles = defaultStyles\nIcon.Up = Up\nIcon.Down = Down\nIcon.User = User\n"]}

package/dist/chunk-PCDUGD3C.js

@@ -0,0 +1,5 @@
+const i=Object.defineProperty; const j=Object.defineProperties;const k=Object.getOwnPropertyDescriptors;const e=Object.getOwnPropertySymbols;const g=Object.prototype.hasOwnProperty; const h=Object.prototype.propertyIsEnumerable;const f=(a,b,c)=>b in a?i(a,b,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[b]=c; const l=(a,b)=>{for(var c in b||(b={}))g.call(b,c)&&f(a,c,b[c]);if(e)for(var c of e(b))h.call(b,c)&&f(a,c,b[c]);return a}; const m=(a,b)=>j(a,k(b));const n=(a,b)=>{const c={};for(var d in a)g.call(a,d)&&b.indexOf(d)<0&&(c[d]=a[d]);if(a!=null&&e)for(var d of e(a))b.indexOf(d)<0&&h.call(a,d)&&(c[d]=a[d]);return c};
+
+export { l as a, m as b, n as c };
+// # sourceMappingURL=out.js.map
+// # sourceMappingURL=chunk-PCDUGD3C.js.map

package/dist/chunk-PCDUGD3C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/dist/hooks.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+require('./chunk-77CZU5XZ.cjs');
+var react = require('react');
+
+var L=(e,P,n=1)=>{let[h,s]=react.useState(!1),[d,m]=react.useState({top:0,left:0});return {isVisible:h,popoverPosition:d,handlePointerEvent:r=>{var i,c,p;r==null||r.stopPropagation();let t=((i=e.current)==null?void 0:i.offsetHeight)||40;if(e.current){let l=e.current.getBoundingClientRect(),{scrollY:o,scrollX:v,innerHeight:a}=window,u=l.bottom+o+n,b=l.left+v,H=u+t,g=(p=(c=P.current)==null?void 0:c.offsetHeight)!=null?p:t,E=H>o+a?Math.max(o+a-g-t-n,o)-t-n:u;m({top:E,left:b}),s(!0);}},handlePointerLeave:()=>{s(!1);}}};
+
+exports.usePopover = L;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=hooks.cjs.map

package/dist/hooks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/popover/use-popover.tsx"],"names":["useState","usePopover","elementRef","hoverRef","spacing","isVisible","setIsVisible","popoverPosition","setPopoverPosition","event","_a","_b","_c","height","rect","scrollY","scrollX","innerHeight","popoverTop","popoverLeft","popoverBottom","popoverHeight","adjustedTop"],"mappings":"6BAAA,OAAS,YAAAA,MAAgB,QA2BlB,IAAMC,EAAa,CACxBC,EACAC,EACAC,EAAU,IACP,CACH,GAAM,CAACC,EAAWC,CAAY,EAAIN,EAAS,EAAK,EAC1C,CAACO,EAAiBC,CAAkB,EAAIR,EAAmB,CAC/D,IAAK,EACL,KAAM,CACR,CAAC,EAoCD,MAAO,CACL,UAAAK,EACA,gBAAAE,EACA,mBArC0BE,GAA+C,CAtC7E,IAAAC,EAAAC,EAAAC,EAuCIH,GAAA,MAAAA,EAAO,kBACP,IAAMI,IAASH,EAAAR,EAAW,UAAX,YAAAQ,EAAoB,eAAgB,GACnD,GAAIR,EAAW,QAAS,CACtB,IAAMY,EAAOZ,EAAW,QAAQ,sBAAsB,EAChD,CAAE,QAAAa,EAAS,QAAAC,EAAS,YAAAC,CAAY,EAAI,OAEpCC,EAAaJ,EAAK,OAASC,EAAUX,EACrCe,EAAcL,EAAK,KAAOE,EAC1BI,EAAgBF,EAAaL,EAC7BQ,GAAgBT,GAAAD,EAAAR,EAAS,UAAT,YAAAQ,EAAkB,eAAlB,KAAAC,EAAkCC,EAElDS,EACJF,EAAgBL,EAAUE,EACtB,KAAK,IACHF,EAAUE,EAAcI,EAAgBR,EAAST,EACjDW,CACF,EACAF,EACAT,EACAc,EAENV,EAAmB,CACjB,IAAKc,EACL,KAAMH,CACR,CAAC,EACDb,EAAa,EAAI,CACnB,CACF,EAUE,mBARyB,IAAM,CAC/BA,EAAa,EAAK,CACpB,CAOA,CACF","sourcesContent":["import { useState } from 'react'\n\ntype Position = {\n  /**\n   * @description This is the top position of the popover.\n   * @default 0\n   */\n  top: number\n  /**\n   * @description This is the left position of the popover.\n   * @default 0\n   */\n  left: number\n}\n\n/**\n * @description This is the hook to show/hide the popover.\n * @param elementRef - This is the ref of the element on which the popover should be shown.\n * @param hoverRef - This is the ref of the element on which the popover should be shown.\n * @param spacing - This is the spacing between the element and the popover.\n * @example - const { isVisible, popoverPosition, handlePointerEvent, handlePointerLeave } = usePopover(hoverRef, popOverRef, 1)\n * @returns - This is the object of the following properties.\n * @returns - isVisible - This is the boolean value to show/hide the popover.\n * @returns - popoverPosition - This is the position of the popover.\n * @returns - handlePointerEvent - This is the function to handle the pointer event.\n * @returns - handlePointerLeave - This is the function to handle the pointer leave event.\n */\nexport const usePopover = (\n  elementRef: React.RefObject<HTMLElement>,\n  hoverRef: React.RefObject<HTMLElement>,\n  spacing = 1,\n) => {\n  const [isVisible, setIsVisible] = useState(false)\n  const [popoverPosition, setPopoverPosition] = useState<Position>({\n    top: 0,\n    left: 0,\n  })\n\n  const handlePointerEvent = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event?.stopPropagation()\n    const height = elementRef.current?.offsetHeight || 40\n    if (elementRef.current) {\n      const rect = elementRef.current.getBoundingClientRect()\n      const { scrollY, scrollX, innerHeight } = window\n\n      const popoverTop = rect.bottom + scrollY + spacing\n      const popoverLeft = rect.left + scrollX\n      const popoverBottom = popoverTop + height // Adjust the popover height as needed\n      const popoverHeight = hoverRef.current?.offsetHeight ?? height // Adjust the popover height as needed\n\n      const adjustedTop =\n        popoverBottom > scrollY + innerHeight\n          ? Math.max(\n              scrollY + innerHeight - popoverHeight - height - spacing,\n              scrollY,\n            ) -\n            height -\n            spacing\n          : popoverTop\n\n      setPopoverPosition({\n        top: adjustedTop,\n        left: popoverLeft,\n      })\n      setIsVisible(true)\n    }\n  }\n\n  const handlePointerLeave = () => {\n    setIsVisible(false)\n  }\n\n  return {\n    isVisible,\n    popoverPosition,\n    handlePointerEvent,\n    handlePointerLeave,\n  }\n}\n\nexport default usePopover\n"]}

package/dist/hooks.d.cts

@@ -0,0 +1,32 @@
+type Position = {
+    /**
+     * @description This is the top position of the popover.
+     * @default 0
+     */
+    top: number;
+    /**
+     * @description This is the left position of the popover.
+     * @default 0
+     */
+    left: number;
+};
+/**
+ * @description This is the hook to show/hide the popover.
+ * @param elementRef - This is the ref of the element on which the popover should be shown.
+ * @param hoverRef - This is the ref of the element on which the popover should be shown.
+ * @param spacing - This is the spacing between the element and the popover.
+ * @example - const { isVisible, popoverPosition, handlePointerEvent, handlePointerLeave } = usePopover(hoverRef, popOverRef, 1)
+ * @returns - This is the object of the following properties.
+ * @returns - isVisible - This is the boolean value to show/hide the popover.
+ * @returns - popoverPosition - This is the position of the popover.
+ * @returns - handlePointerEvent - This is the function to handle the pointer event.
+ * @returns - handlePointerLeave - This is the function to handle the pointer leave event.
+ */
+declare const usePopover: (elementRef: React.RefObject<HTMLElement>, hoverRef: React.RefObject<HTMLElement>, spacing?: number) => {
+    isVisible: boolean;
+    popoverPosition: Position;
+    handlePointerEvent: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    handlePointerLeave: () => void;
+};
+
+export { usePopover };

package/dist/hooks.d.ts

@@ -0,0 +1,32 @@
+type Position = {
+    /**
+     * @description This is the top position of the popover.
+     * @default 0
+     */
+    top: number;
+    /**
+     * @description This is the left position of the popover.
+     * @default 0
+     */
+    left: number;
+};
+/**
+ * @description This is the hook to show/hide the popover.
+ * @param elementRef - This is the ref of the element on which the popover should be shown.
+ * @param hoverRef - This is the ref of the element on which the popover should be shown.
+ * @param spacing - This is the spacing between the element and the popover.
+ * @example - const { isVisible, popoverPosition, handlePointerEvent, handlePointerLeave } = usePopover(hoverRef, popOverRef, 1)
+ * @returns - This is the object of the following properties.
+ * @returns - isVisible - This is the boolean value to show/hide the popover.
+ * @returns - popoverPosition - This is the position of the popover.
+ * @returns - handlePointerEvent - This is the function to handle the pointer event.
+ * @returns - handlePointerLeave - This is the function to handle the pointer leave event.
+ */
+declare const usePopover: (elementRef: React.RefObject<HTMLElement>, hoverRef: React.RefObject<HTMLElement>, spacing?: number) => {
+    isVisible: boolean;
+    popoverPosition: Position;
+    handlePointerEvent: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    handlePointerLeave: () => void;
+};
+
+export { usePopover };

package/dist/hooks.js

@@ -0,0 +1,8 @@
+import './chunk-PCDUGD3C.js';
+import { useState } from 'react';
+
+const L=(e,P,n=1)=>{const[h,s]=useState(!1); const [d,m]=useState({top:0,left:0});return {isVisible:h,popoverPosition:d,handlePointerEvent:r=>{let i,c,p;r==null||r.stopPropagation();const t=((i=e.current)==null?void 0:i.offsetHeight)||40;if(e.current){const l=e.current.getBoundingClientRect(); const {scrollY:o,scrollX:v,innerHeight:a}=window; const u=l.bottom+o+n; const b=l.left+v; const H=u+t; const g=(p=(c=P.current)==null?void 0:c.offsetHeight)!=null?p:t; const E=H>o+a?Math.max(o+a-g-t-n,o)-t-n:u;m({top:E,left:b}),s(!0);}},handlePointerLeave:()=>{s(!1);}}};
+
+export { L as usePopover };
+// # sourceMappingURL=out.js.map
+// # sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/popover/use-popover.tsx"],"names":["useState","usePopover","elementRef","hoverRef","spacing","isVisible","setIsVisible","popoverPosition","setPopoverPosition","event","_a","_b","_c","height","rect","scrollY","scrollX","innerHeight","popoverTop","popoverLeft","popoverBottom","popoverHeight","adjustedTop"],"mappings":"4BAAA,OAAS,YAAAA,MAAgB,QA2BlB,IAAMC,EAAa,CACxBC,EACAC,EACAC,EAAU,IACP,CACH,GAAM,CAACC,EAAWC,CAAY,EAAIN,EAAS,EAAK,EAC1C,CAACO,EAAiBC,CAAkB,EAAIR,EAAmB,CAC/D,IAAK,EACL,KAAM,CACR,CAAC,EAoCD,MAAO,CACL,UAAAK,EACA,gBAAAE,EACA,mBArC0BE,GAA+C,CAtC7E,IAAAC,EAAAC,EAAAC,EAuCIH,GAAA,MAAAA,EAAO,kBACP,IAAMI,IAASH,EAAAR,EAAW,UAAX,YAAAQ,EAAoB,eAAgB,GACnD,GAAIR,EAAW,QAAS,CACtB,IAAMY,EAAOZ,EAAW,QAAQ,sBAAsB,EAChD,CAAE,QAAAa,EAAS,QAAAC,EAAS,YAAAC,CAAY,EAAI,OAEpCC,EAAaJ,EAAK,OAASC,EAAUX,EACrCe,EAAcL,EAAK,KAAOE,EAC1BI,EAAgBF,EAAaL,EAC7BQ,GAAgBT,GAAAD,EAAAR,EAAS,UAAT,YAAAQ,EAAkB,eAAlB,KAAAC,EAAkCC,EAElDS,EACJF,EAAgBL,EAAUE,EACtB,KAAK,IACHF,EAAUE,EAAcI,EAAgBR,EAAST,EACjDW,CACF,EACAF,EACAT,EACAc,EAENV,EAAmB,CACjB,IAAKc,EACL,KAAMH,CACR,CAAC,EACDb,EAAa,EAAI,CACnB,CACF,EAUE,mBARyB,IAAM,CAC/BA,EAAa,EAAK,CACpB,CAOA,CACF","sourcesContent":["import { useState } from 'react'\n\ntype Position = {\n  /**\n   * @description This is the top position of the popover.\n   * @default 0\n   */\n  top: number\n  /**\n   * @description This is the left position of the popover.\n   * @default 0\n   */\n  left: number\n}\n\n/**\n * @description This is the hook to show/hide the popover.\n * @param elementRef - This is the ref of the element on which the popover should be shown.\n * @param hoverRef - This is the ref of the element on which the popover should be shown.\n * @param spacing - This is the spacing between the element and the popover.\n * @example - const { isVisible, popoverPosition, handlePointerEvent, handlePointerLeave } = usePopover(hoverRef, popOverRef, 1)\n * @returns - This is the object of the following properties.\n * @returns - isVisible - This is the boolean value to show/hide the popover.\n * @returns - popoverPosition - This is the position of the popover.\n * @returns - handlePointerEvent - This is the function to handle the pointer event.\n * @returns - handlePointerLeave - This is the function to handle the pointer leave event.\n */\nexport const usePopover = (\n  elementRef: React.RefObject<HTMLElement>,\n  hoverRef: React.RefObject<HTMLElement>,\n  spacing = 1,\n) => {\n  const [isVisible, setIsVisible] = useState(false)\n  const [popoverPosition, setPopoverPosition] = useState<Position>({\n    top: 0,\n    left: 0,\n  })\n\n  const handlePointerEvent = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event?.stopPropagation()\n    const height = elementRef.current?.offsetHeight || 40\n    if (elementRef.current) {\n      const rect = elementRef.current.getBoundingClientRect()\n      const { scrollY, scrollX, innerHeight } = window\n\n      const popoverTop = rect.bottom + scrollY + spacing\n      const popoverLeft = rect.left + scrollX\n      const popoverBottom = popoverTop + height // Adjust the popover height as needed\n      const popoverHeight = hoverRef.current?.offsetHeight ?? height // Adjust the popover height as needed\n\n      const adjustedTop =\n        popoverBottom > scrollY + innerHeight\n          ? Math.max(\n              scrollY + innerHeight - popoverHeight - height - spacing,\n              scrollY,\n            ) -\n            height -\n            spacing\n          : popoverTop\n\n      setPopoverPosition({\n        top: adjustedTop,\n        left: popoverLeft,\n      })\n      setIsVisible(true)\n    }\n  }\n\n  const handlePointerLeave = () => {\n    setIsVisible(false)\n  }\n\n  return {\n    isVisible,\n    popoverPosition,\n    handlePointerEvent,\n    handlePointerLeave,\n  }\n}\n\nexport default usePopover\n"]}