@fpkit/acss 0.5.0 → 0.5.2

package/dist/chunk-GJWMCDFS.js

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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

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

package/dist/hooks.cjs

@@ -1,10 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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.js

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}

package/dist/icon-e6044c73.d.ts

@@ -1,227 +0,0 @@
-import { ReactNode } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface ComponentProps {
-    /**
-     * The default child content/component to render.
-     */
-    children?: ReactNode;
-    /**
-     * Use default component styles
-     */
-    renderStyles?: boolean;
-    /**
-     * Component id attribute
-     */
-    id?: string;
-    /**
-     * Styles object
-     */
-    styles?: {};
-    /**
-     * Default styles object
-     */
-    defaultStyles?: {};
-    /**
-     * Component class attribute
-     */
-    classes?: string;
-    /**
-     * Style value for [data-style] attribute
-     */
-    dataStyle?: string;
-}
-
-interface IconProps$1 extends Partial<ComponentProps> {
-    fill?: string;
-    size?: number;
-    strokeColor?: string;
-    strokeWidth?: string;
-    role?: string;
-    alt?: string;
-    width?: number;
-    height?: number;
-}
-
-declare function Star({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'>): react_jsx_runtime.JSX.Element;
-declare namespace Star {
-    var displayName: string;
-}
-
-interface IconProps extends Partial<ComponentProps> {
-    fill?: string;
-    size?: string;
-    viewBox?: string;
-    name?: string;
-}
-declare const defaultStyles: {
-    display: string;
-    direction: string;
-    gap: string;
-    placeItems: string;
-    width: string;
-};
-/**
- * Icon component wraps svg in a div.
- * @param {IconProps} props - The props object for the Icon component.
- * @param {React.ReactNode} props.children - The children of the Icon component.
- * @param {Object} props.styles - The styles object for the Icon component.
- * @returns {JSX.Element} - The Icon component.
- */
-declare const Icon: {
-    ({ children, styles, ...props }: IconProps): react_jsx_runtime.JSX.Element;
-    Add: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
-        styles: {
-            fill: string;
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-        displayName: string;
-    };
-    ArrowDown: {
-        ({ fill, strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        styles: {
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-        displayName: string;
-    };
-    ArrowLeft: {
-        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        styles: {
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-        displayName: string;
-    };
-    ArrowRight: {
-        ({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    ArrowUp: {
-        ({ fill, strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        displayName: string;
-        style: {
-            fill: string;
-            stroke: string;
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-    };
-    Chat: {
-        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
-        styles: {
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-        displayName: string;
-    };
-    Code: {
-        ({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        styles: {
-            fill: string;
-            stroke: string;
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-    };
-    Copy: {
-        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
-        displayName: string;
-        styles: {
-            stroke: string;
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-    };
-    displayName: string;
-    Home: {
-        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        displayName: string;
-        styles: {
-            fill: string;
-            stroke: string;
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-    };
-    Left: {
-        ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        displayName: string;
-        styles: {
-            fill: string;
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-    };
-    Minus: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        displayName: string;
-        styles: {
-            fill: string;
-        };
-    };
-    Remove: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        displayName: string;
-        styles: {
-            fill: string;
-        };
-    };
-    Right: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        displayName: string;
-        styles: {
-            fill: string;
-        };
-    };
-    Star: typeof Star;
-    styles: {
-        display: string;
-        direction: string;
-        gap: string;
-        placeItems: string;
-        width: string;
-    };
-    Up: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        displayName: string;
-        styles: {
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-    };
-    Down: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        displayName: string;
-        styles: {
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-    };
-    User: {
-        ({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): react_jsx_runtime.JSX.Element;
-        styles: {
-            fill: string;
-            stroke: string;
-            display: string;
-            alignItems: string;
-            width: string;
-        };
-        displayName: string;
-    };
-};
-
-export { ComponentProps as C, Icon as I, IconProps$1 as a, IconProps as b, defaultStyles as d };

package/dist/icons.cjs

@@ -1,73 +0,0 @@
-'use strict';
-
-var chunkD43FJIRQ_cjs = require('./chunk-D43FJIRQ.cjs');
-require('./chunk-77CZU5XZ.cjs');
-
-
-
-Object.defineProperty(exports, 'Add', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.d; }
-});
-Object.defineProperty(exports, 'ArrowDown', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.g; }
-});
-Object.defineProperty(exports, 'ArrowLeft', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.e; }
-});
-Object.defineProperty(exports, 'ArrowRight', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.i; }
-});
-Object.defineProperty(exports, 'ArrowUp', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.h; }
-});
-Object.defineProperty(exports, 'Chat', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.f; }
-});
-Object.defineProperty(exports, 'Code', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.b; }
-});
-Object.defineProperty(exports, 'Copy', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.o; }
-});
-Object.defineProperty(exports, 'Home', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.c; }
-});
-Object.defineProperty(exports, 'Icon', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.q; }
-});
-Object.defineProperty(exports, 'Left', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.l; }
-});
-Object.defineProperty(exports, 'Minus', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.m; }
-});
-Object.defineProperty(exports, 'Remove', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.n; }
-});
-Object.defineProperty(exports, 'Right', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.k; }
-});
-Object.defineProperty(exports, 'User', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.j; }
-});
-Object.defineProperty(exports, 'defaultStyles', {
-	enumerable: true,
-	get: function () { return chunkD43FJIRQ_cjs.p; }
-});
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=icons.cjs.map