@fpkit/acss 0.5.9 → 0.5.12

package/libs/chunk-BSPKFLO4.js

@@ -0,0 +1,8 @@
+import { a } from './chunk-NE6YXTMC.js';
+import i from 'react';
+
+var c=({children:e,className:t,styles:s,as:a$1="h3",...l})=>i.createElement(a,{as:a$1,className:`card-title ${t||""}`,styles:s,...l},e);c.displayName="Title";var n=({children:e,className:t,styles:s,...a$1})=>i.createElement(a,{as:"article",className:`card-content ${t||""}`,styles:s,...a$1},e);n.displayName="Content";var d=({children:e,className:t,styles:s,...a$1})=>i.createElement(a,{as:"div",className:`card-footer ${t||""}`,styles:s,...a$1},e);d.displayName="Footer";var o=({elm:e="div",styles:t,children:s,classes:a$1="shadow",id:l,...p})=>i.createElement(a,{as:e,id:l,styles:t,className:a$1,"data-card":!0,...p},s),C=o;o.displayName="Card";o.Title=c;o.Content=n;o.Footer=d;
+
+export { c as a, n as b, d as c, o as d, C as e };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-BSPKFLO4.js.map

package/libs/chunk-BSPKFLO4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/cards/card.tsx"],"names":["React","Title","children","className","styles","as","props","ui_default","Content","Footer","Card","elm","classes","id","card_default"],"mappings":"wCAAA,OAAOA,MAAW,QA4BX,IAAMC,EAAQ,CAAC,CACpB,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAAC,EAAK,KACL,GAAGC,CACL,IAMIN,EAAA,cAACO,EAAA,CACC,GAAIF,EACJ,UAAW,cAAcF,GAAa,EAAE,GACxC,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJD,EAAM,YAAc,QAcb,IAAMO,EAAU,CAAC,CACtB,SAAAN,EACA,UAAAC,EACA,OAAAC,EACA,GAAGE,CACL,IAKIN,EAAA,cAACO,EAAA,CACC,GAAG,UACH,UAAW,gBAAgBJ,GAAa,EAAE,GAC1C,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJM,EAAQ,YAAc,UAcf,IAAMC,EAAS,CAAC,CACrB,SAAAP,EACA,UAAAC,EACA,OAAAC,EACA,GAAGE,CACL,IAKIN,EAAA,cAACO,EAAA,CACC,GAAG,MACH,UAAW,eAAeJ,GAAa,EAAE,GACzC,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJO,EAAO,YAAc,SAgBd,IAAMC,EAAO,CAAC,CACnB,IAAAC,EAAM,MACN,OAAAP,EACA,SAAAF,EACA,QAAAU,EAAU,SACV,GAAAC,EACA,GAAGP,CACL,IAEIN,EAAA,cAACO,EAAA,CACC,GAAII,EACJ,GAAIE,EACJ,OAAQT,EACR,UAAWQ,EACX,YAAS,GACR,GAAGN,GAEHJ,CACH,EAIGY,EAAQJ,EACfA,EAAK,YAAc,OACnBA,EAAK,MAAQT,EACbS,EAAK,QAAUF,EACfE,EAAK,OAASD","sourcesContent":["import React from 'react'\nimport UI from '#components/ui'\n\n/*\n * CardProps interface\n *\n * Extends ComponentProps. Defines props for the Card component.\n *\n * @property {('div' | 'aside' | 'section' | 'article')} [elm='div'] - HTML element to render as\n */\nexport type CardProps = {\n  elm?: 'div' | 'aside' | 'section' | 'article'\n  title?: React.ReactNode\n  footer?: React.ReactNode\n} & React.ComponentProps<typeof UI>\n\n/*\n * Title component\n *\n * Renders a title for the Card component using the UI component.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Title content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} Title component\n */\nexport const Title = ({\n  children,\n  className,\n  styles,\n  as = 'h3',\n  ...props\n}: React.PropsWithChildren<{\n  className?: string\n  styles?: React.CSSProperties\n  as?: React.ElementType\n}>) => {\n  return (\n    <UI\n      as={as}\n      className={`card-title ${className || ''}`}\n      styles={styles}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nTitle.displayName = 'Title'\n\n/*\n * CardContent component\n *\n * Renders the content of the Card component using the UI component with an article element.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} CardContent component\n */\nexport const Content = ({\n  children,\n  className,\n  styles,\n  ...props\n}: React.PropsWithChildren<{\n  className?: string\n  styles?: React.CSSProperties\n}>) => {\n  return (\n    <UI\n      as=\"article\"\n      className={`card-content ${className || ''}`}\n      styles={styles}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nContent.displayName = 'Content'\n\n/*\n * Footer component\n *\n * Renders a footer section for the Card component using the UI component.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Footer content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} Footer component\n */\nexport const Footer = ({\n  children,\n  className,\n  styles,\n  ...props\n}: React.PropsWithChildren<{\n  className?: string\n  styles?: React.CSSProperties\n}>) => {\n  return (\n    <UI\n      as=\"div\"\n      className={`card-footer ${className || ''}`}\n      styles={styles}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nFooter.displayName = 'Footer'\n\n/*\n * Card component\n *\n * Renders a card container.\n *\n * @param {CardProps} props - Component props\n * @param {('div' | 'aside' | 'section' | 'article')} [props.elm='div'] - Element to render as\n * @param {Object} [props.styles] - CSS styles to apply\n * @param {ReactNode} props.children - Card content\n * @param {boolean} [props.renderStyles=true] - Whether to render default styles\n * @param {string} [props.dataStyle] - data-card attribute value\n * @param {string} [props.id] - Unique ID\n * @returns {ReactElement} Card component\n */\nexport const Card = ({\n  elm = 'div',\n  styles,\n  children,\n  classes = 'shadow',\n  id,\n  ...props\n}: CardProps) => {\n  return (\n    <UI\n      as={elm}\n      id={id}\n      styles={styles}\n      className={classes}\n      data-card\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nexport default Card\nCard.displayName = 'Card'\nCard.Title = Title\nCard.Content = Content\nCard.Footer = Footer\n"]}

package/libs/chunk-BV5CLH44.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunk6TE5QEVE_cjs = require('./chunk-6TE5QEVE.cjs');
+var i = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i__default = /*#__PURE__*/_interopDefault(i);
+
+var c=({children:e,className:t,styles:s,as:a="h3",...l})=>i__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:a,className:`card-title ${t||""}`,styles:s,...l},e);c.displayName="Title";var n=({children:e,className:t,styles:s,...a})=>i__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:"article",className:`card-content ${t||""}`,styles:s,...a},e);n.displayName="Content";var d=({children:e,className:t,styles:s,...a})=>i__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:"div",className:`card-footer ${t||""}`,styles:s,...a},e);d.displayName="Footer";var o=({elm:e="div",styles:t,children:s,classes:a="shadow",id:l,...p})=>i__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:e,id:l,styles:t,className:a,"data-card":!0,...p},s),C=o;o.displayName="Card";o.Title=c;o.Content=n;o.Footer=d;
+
+exports.a = c;
+exports.b = n;
+exports.c = d;
+exports.d = o;
+exports.e = C;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-BV5CLH44.cjs.map

package/libs/chunk-BV5CLH44.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/cards/card.tsx"],"names":["React","Title","children","className","styles","as","props","ui_default","Content","Footer","Card","elm","classes","id","card_default"],"mappings":"yCAAA,OAAOA,MAAW,QA4BX,IAAMC,EAAQ,CAAC,CACpB,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAAC,EAAK,KACL,GAAGC,CACL,IAMIN,EAAA,cAACO,EAAA,CACC,GAAIF,EACJ,UAAW,cAAcF,GAAa,EAAE,GACxC,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJD,EAAM,YAAc,QAcb,IAAMO,EAAU,CAAC,CACtB,SAAAN,EACA,UAAAC,EACA,OAAAC,EACA,GAAGE,CACL,IAKIN,EAAA,cAACO,EAAA,CACC,GAAG,UACH,UAAW,gBAAgBJ,GAAa,EAAE,GAC1C,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJM,EAAQ,YAAc,UAcf,IAAMC,EAAS,CAAC,CACrB,SAAAP,EACA,UAAAC,EACA,OAAAC,EACA,GAAGE,CACL,IAKIN,EAAA,cAACO,EAAA,CACC,GAAG,MACH,UAAW,eAAeJ,GAAa,EAAE,GACzC,OAAQC,EACP,GAAGE,GAEHJ,CACH,EAIJO,EAAO,YAAc,SAgBd,IAAMC,EAAO,CAAC,CACnB,IAAAC,EAAM,MACN,OAAAP,EACA,SAAAF,EACA,QAAAU,EAAU,SACV,GAAAC,EACA,GAAGP,CACL,IAEIN,EAAA,cAACO,EAAA,CACC,GAAII,EACJ,GAAIE,EACJ,OAAQT,EACR,UAAWQ,EACX,YAAS,GACR,GAAGN,GAEHJ,CACH,EAIGY,EAAQJ,EACfA,EAAK,YAAc,OACnBA,EAAK,MAAQT,EACbS,EAAK,QAAUF,EACfE,EAAK,OAASD","sourcesContent":["import React from 'react'\nimport UI from '#components/ui'\n\n/*\n * CardProps interface\n *\n * Extends ComponentProps. Defines props for the Card component.\n *\n * @property {('div' | 'aside' | 'section' | 'article')} [elm='div'] - HTML element to render as\n */\nexport type CardProps = {\n  elm?: 'div' | 'aside' | 'section' | 'article'\n  title?: React.ReactNode\n  footer?: React.ReactNode\n} & React.ComponentProps<typeof UI>\n\n/*\n * Title component\n *\n * Renders a title for the Card component using the UI component.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Title content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} Title component\n */\nexport const Title = ({\n  children,\n  className,\n  styles,\n  as = 'h3',\n  ...props\n}: React.PropsWithChildren<{\n  className?: string\n  styles?: React.CSSProperties\n  as?: React.ElementType\n}>) => {\n  return (\n    <UI\n      as={as}\n      className={`card-title ${className || ''}`}\n      styles={styles}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nTitle.displayName = 'Title'\n\n/*\n * CardContent component\n *\n * Renders the content of the Card component using the UI component with an article element.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} CardContent component\n */\nexport const Content = ({\n  children,\n  className,\n  styles,\n  ...props\n}: React.PropsWithChildren<{\n  className?: string\n  styles?: React.CSSProperties\n}>) => {\n  return (\n    <UI\n      as=\"article\"\n      className={`card-content ${className || ''}`}\n      styles={styles}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nContent.displayName = 'Content'\n\n/*\n * Footer component\n *\n * Renders a footer section for the Card component using the UI component.\n *\n * @param {Object} props - Component props\n * @param {ReactNode} props.children - Footer content\n * @param {string} [props.className] - Additional CSS classes\n * @param {Object} [props.styles] - Inline styles\n *\n * @returns {ReactElement} Footer component\n */\nexport const Footer = ({\n  children,\n  className,\n  styles,\n  ...props\n}: React.PropsWithChildren<{\n  className?: string\n  styles?: React.CSSProperties\n}>) => {\n  return (\n    <UI\n      as=\"div\"\n      className={`card-footer ${className || ''}`}\n      styles={styles}\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nFooter.displayName = 'Footer'\n\n/*\n * Card component\n *\n * Renders a card container.\n *\n * @param {CardProps} props - Component props\n * @param {('div' | 'aside' | 'section' | 'article')} [props.elm='div'] - Element to render as\n * @param {Object} [props.styles] - CSS styles to apply\n * @param {ReactNode} props.children - Card content\n * @param {boolean} [props.renderStyles=true] - Whether to render default styles\n * @param {string} [props.dataStyle] - data-card attribute value\n * @param {string} [props.id] - Unique ID\n * @returns {ReactElement} Card component\n */\nexport const Card = ({\n  elm = 'div',\n  styles,\n  children,\n  classes = 'shadow',\n  id,\n  ...props\n}: CardProps) => {\n  return (\n    <UI\n      as={elm}\n      id={id}\n      styles={styles}\n      className={classes}\n      data-card\n      {...props}\n    >\n      {children}\n    </UI>\n  )\n}\n\nexport default Card\nCard.displayName = 'Card'\nCard.Title = Title\nCard.Content = Content\nCard.Footer = Footer\n"]}

package/libs/chunk-DKGJHKGW.js

@@ -0,0 +1,9 @@
+import { b } from './chunk-5ZM4XL44.js';
+import { a } from './chunk-NE6YXTMC.js';
+import e from 'react';
+
+var I=(t,r=15)=>t.length>r?`${t.slice(0,r)}...`:t;var f=({styles:t,id:r,classes:o,children:a,...p})=>e.createElement("li",{id:r,style:t,className:o,"data-list":"unstyled inline",...p},a),C=({children:t,...r})=>e.createElement(a,{as:"ol","data-list":"unstyled inline",...r},t),N=({styles:t,id:r,classes:o,children:a$1,...p})=>e.createElement(a,{as:"nav",id:r,styles:t,className:o,...p},e.createElement(C,null,a$1)),m=({startRoute:t="Home",startRouteUrl:r="/",currentRoute:o,spacer:a=e.createElement(e.Fragment,null,"/"),routes:p,styles:U,id:$,classes:k,ariaLabelPrefix:L,truncateLength:d=15,linkProps:b$1,...v})=>{let[P,w]=e.useState("");e.useEffect(()=>{let n=o||window.location.pathname;n.length&&w(n);},[o]);let x=n=>{let i=p?.find(c=>c.path===n);return {path:i?.path||n,name:i?.name||n,url:i?.url||n}},s=P.split("/").filter(n=>n),u=s.length-1,g=e.useId();return P.length?e.createElement(N,{id:$,...v,styles:U,className:k,"aria-label":L},e.createElement(f,{key:`${t}-${g}`},e.createElement(b,{href:r,...b$1},t)),e.createElement(e.Fragment,null,s.length?s.map((n,i)=>{let c=x(n),{name:l,url:B,path:E}=c;return i===u?e.createElement(e.Fragment,null,typeof s[u]=="string"&&s[u].length>3&&s[u]!==s[u-1]&&e.createElement(f,{key:`${E||i}-${g}`},e.createElement("span",{"aria-hidden":"true"},a),e.createElement("a",{href:"#","aria-current":"page","aria-label":l.length>d?l:void 0},I(decodeURIComponent(l),d)))):e.createElement(f,{key:`${c?.name}-${g}`},e.createElement("span",{"aria-hidden":"true"},a),e.createElement("span",null,e.createElement(b,{href:B,"aria-label":l.length>d?l:void 0,...b$1},I(decodeURIComponent(l),d))))}):null)):e.createElement(e.Fragment,null)},_=m;m.displayName="BreadCrumb";m.Nav=N;m.List=C;m.Items=f;
+
+export { m as a, _ as b };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-DKGJHKGW.js.map

package/libs/chunk-DKGJHKGW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/breadcrumbs/breadcrumb.tsx","../src/libs/content.ts"],"names":["React","Truncate","str","length","Items","styles","id","classes","children","props","List","ui_default","Nav","Breadcrumb","startRoute","startRouteUrl","currentRoute","spacer","routes","ariaLabelPrefix","truncateLength","linkProps","currentPath","setCurrentPath","path","getPathName","pathSegment","route","segments","segment","lastSegment","uuid","link_default","index","currentSegment","name","url","breadcrumb_default"],"mappings":"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","sourcesContent":["// Code: Breadcrumb component\nimport React from \"react\";\nimport UI from \"#components/ui\";\nimport { Truncate } from \"#libs/content\";\nimport Link from \"#components/link/link\";\n\n// TYPES\n\ntype customRoute = {\n  /** The path or id for routing */\n  path?: string;\n  /** The display name */\n  name: string;\n  /** The url if linking out */\n  url?: string;\n};\n\ntype BreadcrumbProps = {\n  /** Array of custom route objects */\n  routes?: customRoute[];\n  /** Starting route node */\n  startRoute?: React.ReactNode;\n  /* Starting route url */\n  startRouteUrl?: string;\n  /** Spacer node between routes */\n  spacer?: React.ReactNode;\n  /** String representing current route */\n  currentRoute?: string;\n  /** Prefix breadcrumb aria-label - \"prefix breadcrumb\" */\n  ariaLabelPrefix?: string;\n  /** Truncate breadcrumb text after this length */\n  truncateLength?: number;\n  /** Link props for breadcrumb links */\n  linkProps?: React.ComponentProps<typeof Link>;\n} & React.ComponentProps<typeof UI>;\n\n// Components\n\n/**\n * Items component.\n *\n * @param styles - Styles object for the item.\n * @param id - Id for the item.\n * @param classes - Class names for the item.\n * @param children - Child components.\n * @param props - Other props.\n */\nconst Items = ({\n  styles,\n  id,\n  classes,\n  children,\n  ...props\n}: React.ComponentProps<typeof UI>) => {\n  return (\n    <li\n      id={id}\n      style={styles}\n      className={classes}\n      data-list=\"unstyled inline\"\n      {...props}\n    >\n      {children}\n    </li>\n  );\n};\n\n/**\n * List component.\n *\n * @param children - The content to render inside the list.\n * @param props - Additional props to pass to the UI component.\n */\nconst List = ({ children, ...props }: React.ComponentProps<typeof UI>) => {\n  return (\n    <UI as=\"ol\" data-list=\"unstyled inline\" {...props}>\n      {children}\n    </UI>\n  );\n};\n\n/**\n * Nav component.\n *\n * @param styles - Styles object for the nav.\n * @param id - Id for the nav.\n * @param classes - Class names for the nav.\n * @param children - Child components.\n * @param props - Other props.\n */\nconst Nav = ({\n  styles,\n  id,\n  classes,\n  children,\n  ...props\n}: React.ComponentProps<typeof UI>) => {\n  return (\n    <UI as=\"nav\" id={id} styles={styles} className={classes} {...props}>\n      <List>{children}</List>\n    </UI>\n  );\n};\n\n/**\n * Navigation component for breadcrumbs.\n *\n * @param props - Props for the navigation component.\n * @param props.startRoute - Starting route node. Default 'Home'.\n * @param props.currentRoute - String representing current route.\n * @param props.spacer - Spacer node between routes. Default '&#47;'.\n * @param props.routes - Array of custom route objects.\n * @param props.styles - Styles object for the nav.\n * @param props.id - Id for the nav.\n * @param props.classes - Class names for the nav.\n * @param props.children - Child components.\n */\nexport const Breadcrumb = ({\n  startRoute = \"Home\",\n  startRouteUrl = \"/\",\n  currentRoute,\n  spacer = <>&#47;</>,\n  routes,\n  styles,\n  id,\n  classes,\n  ariaLabelPrefix,\n  truncateLength = 15,\n  linkProps,\n  ...props\n}: BreadcrumbProps): React.JSX.Element => {\n  const [currentPath, setCurrentPath] = React.useState(\"\");\n  React.useEffect(() => {\n    const path = currentRoute || window.location.pathname;\n    if (path.length) {\n      setCurrentPath(path);\n    }\n  }, [currentRoute]);\n\n  /**\n   * Gets the path name for the given path segment.\n   *\n   * @param pathSegment - The path segment (string or number) to get the path name for.\n   * @returns The path name object for the given path segment.\n   */\n  const getPathName = (pathSegment: string): customRoute => {\n    const route = routes?.find((route) => route.path === pathSegment);\n\n    return {\n      path: route?.path || pathSegment,\n      name: route?.name || pathSegment,\n      url: route?.url || pathSegment,\n    };\n  };\n\n  /** Array of path segments from current path */\n  const segments = currentPath.split(\"/\").filter((segment) => segment);\n  /** Index of last item in segments array */\n  const lastSegment = segments.length - 1;\n\n  /** Unique id for breadcrumb */\n  const uuid = React.useId();\n\n  return currentPath.length ? (\n    <Nav\n      id={id}\n      {...props}\n      styles={styles}\n      className={classes}\n      aria-label={ariaLabelPrefix}\n    >\n      <Items key={`${startRoute}-${uuid}`}>\n        <Link href={startRouteUrl} {...linkProps}>\n          {startRoute}\n        </Link>\n      </Items>\n      <>\n        {segments.length\n          ? segments.map((segment: string, index: number) => {\n              const currentSegment = getPathName(segment);\n              const { name, url, path } = currentSegment;\n              return index === lastSegment ? (\n                <>\n                  {typeof segments[lastSegment] === \"string\" &&\n                    segments[lastSegment].length > 3 &&\n                    segments[lastSegment] !== segments[lastSegment - 1] && (\n                      <Items key={`${path || index}-${uuid}`}>\n                        <span aria-hidden=\"true\">{spacer}</span>\n                        <a\n                          href=\"#\"\n                          aria-current=\"page\"\n                          aria-label={\n                            name.length > truncateLength ? name : undefined\n                          }\n                        >\n                          {Truncate(decodeURIComponent(name), truncateLength)}\n                        </a>\n                      </Items>\n                    )}\n                </>\n              ) : (\n                <Items key={`${currentSegment?.name}-${uuid}`}>\n                  <span aria-hidden=\"true\">{spacer}</span>\n                  <span>\n                    <Link\n                      href={url}\n                      aria-label={\n                        name.length > truncateLength ? name : undefined\n                      }\n                      {...linkProps}\n                    >\n                      {Truncate(decodeURIComponent(name), truncateLength)}\n                    </Link>\n                  </span>\n                </Items>\n              );\n            })\n          : null}\n      </>\n    </Nav>\n  ) : (\n    <></>\n  );\n};\n\nexport default Breadcrumb;\n\nBreadcrumb.displayName = \"BreadCrumb\";\nBreadcrumb.Nav = Nav;\nBreadcrumb.List = List;\nBreadcrumb.Items = Items;\n","/**\n * Converts a string to a slug by:\n * - Converting to lowercase\n * - Trimming whitespace\n * - Removing non-word and non-hyphen characters\n * - Replacing sequences of whitespace and hyphens with a single hyphen\n * - Removing leading and trailing hyphens\n *\n * @param str - The string to slugify\n * @returns The slugified string\n */\nexport const Slugify = (str: string) => {\n  return str\n    .toLowerCase()\n    .trim()\n    .replace(/[^\\w\\s-]/g, '')\n    .replace(/[\\s_-]+/g, '-')\n    .replace(/^-+|-+$/g, '')\n}\n\n/**\n * Truncates a string to a maximum length.\n *\n * @param str - The string to truncate.\n * @param length - The maximum length of the truncated string. Defaults to 15.\n * @returns The truncated string, with ellipses appended if truncated.\n */\nexport const Truncate = (str: string, length: number = 15) => {\n  return str.length > length ? `${str.slice(0, length)}...` : str\n}\n"]}

package/libs/chunk-DV56L5YX.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkQVV34QEH_cjs = require('./chunk-QVV34QEH.cjs');
+var chunk6TE5QEVE_cjs = require('./chunk-6TE5QEVE.cjs');
+var r = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var r__default = /*#__PURE__*/_interopDefault(r);
+
+var n=({isBlock:t,children:o,...s})=>r__default.default.createElement(chunkQVV34QEH_cjs.c,{type:"ul",...s,"data-list":`unstyled ${t?"block":""}`},o),L=({id:t,styles:o,classes:s,children:i,...m})=>r__default.default.createElement(chunkQVV34QEH_cjs.c.ListItem,{type:"li",id:t,classes:s,styles:o,...m},i),e=({children:t,...o})=>r__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:"nav",...o},t),N=e;e.displayName="Nav";e.List=n;e.Item=L;
+
+exports.a = n;
+exports.b = L;
+exports.c = e;
+exports.d = N;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-DV56L5YX.cjs.map

package/libs/chunk-DV56L5YX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/nav/nav.tsx"],"names":["React","NavList","isBlock","children","props","list_default","NavItem","id","styles","classes","Nav","ui_default","nav_default"],"mappings":"6EAEA,OAAOA,MAAW,QAgBX,IAAMC,EAAU,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAM,IAElDJ,EAAA,cAACK,EAAA,CAAK,KAAK,KAAM,GAAGD,EAAO,YAAW,YAAYF,EAAU,QAAU,EAAE,IACrEC,CACH,EAeSG,EAAU,CAAC,CACtB,GAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAN,EACA,GAAGC,CACL,IAEIJ,EAAA,cAACK,EAAK,SAAL,CACC,KAAK,KACL,GAAIE,EACJ,QAASE,EACT,OAAQD,EACP,GAAGJ,GAEHD,CACH,EAWSO,EAAM,CAAC,CAAE,SAAAP,EAAU,GAAGC,CAAM,IAErCJ,EAAA,cAACW,EAAA,CAAG,GAAG,MAAO,GAAGP,GACdD,CACH,EAIGS,EAAQF,EACfA,EAAI,YAAc,MAClBA,EAAI,KAAOT,EACXS,EAAI,KAAOJ","sourcesContent":["import UI from '../ui'\nimport List from '../list/list'\nimport React from 'react'\n\nexport type NavListProps = React.ComponentProps<typeof List> & {\n  isBlock?: boolean\n}\nexport type NavItemProps = React.ComponentProps<typeof List.ListItem>\n\nexport type NavProps = React.ComponentProps<typeof UI>\n\n/**\n * Renders a NavList component.\n * @param {Object} props - The props for the component.\n * @param {ReactNode} props.children - The child elements.\n * @param {Object} props - Additional props to spread to the List component.\n * @returns {JSX.Element} The rendered NavList component.\n */\nexport const NavList = ({ isBlock, children, ...props }: NavListProps) => {\n  return (\n    <List type=\"ul\" {...props} data-list={`unstyled ${isBlock ? 'block' : ''}`}>\n      {children}\n    </List>\n  )\n}\n\n/**\n * Renders a NavItem component.\n * @param {Object} props - The props for the component.\n * @param {string} [props.id] - The id for the component.\n * @param {Object} [props.styles] - The styles for the component.\n * @param {string} [props.classes] - The classes for the component.\n * @param {ReactNode} props.children - The child elements.\n * @param {boolean} [props.inline=true] - Whether the item should display inline.\n * @param {Object} props - Additional props to spread to the ListItem component.\n * @returns {JSX.Element} The rendered NavItem component.\n */\nexport const NavItem = ({\n  id,\n  styles,\n  classes,\n  children,\n  ...props\n}: NavItemProps) => {\n  return (\n    <List.ListItem\n      type=\"li\"\n      id={id}\n      classes={classes}\n      styles={styles}\n      {...props}\n    >\n      {children}\n    </List.ListItem>\n  )\n}\n\n/**\n * Renders a Nav component.\n * @param {Object} props - The props for the component.\n * @param {ReactNode} props.children - The child elements.\n * @param {Object} props - Additional props to spread to the UI component.\n * @returns {JSX.Element} The rendered Nav component.\n */\nexport const Nav = ({ children, ...props }: NavProps) => {\n  return (\n    <UI as=\"nav\" {...props}>\n      {children}\n    </UI>\n  )\n}\n\nexport default Nav\nNav.displayName = 'Nav'\nNav.List = NavList\nNav.Item = NavItem\n"]}

package/libs/chunk-E3XP6BEX.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunk6TE5QEVE_cjs = require('./chunk-6TE5QEVE.cjs');
+var m = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var m__default = /*#__PURE__*/_interopDefault(m);
+
+var l=({elm:e="p",id:t,text:o,styles:s,classes:p,children:r,...i})=>m__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:e,id:t,styles:s,className:p,...i},m__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:e,id:t,styles:s,className:p,...i},r||o)),n=({elm:e="h3",id:t,children:o,styles:s,classes:p,...r})=>m__default.default.createElement(l,{as:e,id:t,styles:s,className:p,...r},o),d=l;l.displayName="Text";n.displayName="Title";
+
+exports.a = l;
+exports.b = n;
+exports.c = d;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-E3XP6BEX.cjs.map

package/libs/chunk-E3XP6BEX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/text/text.tsx"],"names":["React","Text","elm","id","text","styles","classes","children","props","ui_default","Title","text_default"],"mappings":"oCACA,OAAOA,MAAW,QAgDX,IAAMC,EAAO,CAAC,CACnB,IAAAC,EAAM,IACN,GAAAC,EACA,KAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIR,EAAA,cAACS,EAAA,CAAG,GAAIP,EAAK,GAAIC,EAAI,OAAQE,EAAQ,UAAWC,EAAU,GAAGE,GAC3DR,EAAA,cAACS,EAAA,CAAG,GAAIP,EAAK,GAAIC,EAAI,OAAQE,EAAQ,UAAWC,EAAU,GAAGE,GAC1DD,GAAYH,CACf,CACF,EAWSM,EAAQ,CAAC,CACpB,IAAAR,EAAM,KACN,GAAAC,EACA,SAAAI,EACA,OAAAF,EACA,QAAAC,EACA,GAAGE,CACL,IAEIR,EAAA,cAACC,EAAA,CAAK,GAAIC,EAAK,GAAIC,EAAI,OAAQE,EAAQ,UAAWC,EAAU,GAAGE,GAC5DD,CACH,EAIGI,EAAQV,EAEfA,EAAK,YAAc,OACnBS,EAAM,YAAc","sourcesContent":["// import FP from '../fp'\nimport React from 'react'\nimport UI from '#components/ui'\n\ntype InheritedProps = React.ComponentProps<typeof UI>\n\ntype TextElements =\n  | 'a'\n  | 'b'\n  | 'blockquote'\n  | 'b'\n  | 'blockquote'\n  | 'cite'\n  | 'code'\n  | 'em'\n  | 'i'\n  | 'em'\n  | 'i'\n  | 'kbd'\n  | 'mark'\n  | 'p'\n  | 's'\n  | 'small'\n  | 'span'\n  | 'span'\n  | 'strong'\n  | 'mark'\n  | 'p'\n  | 's'\n  | 'small'\n  | 'span'\n  | 'span'\n  | 'strong'\n  | 'sub'\n  | 'sup'\n  | 'time'\n  | 'time'\n  | 'u'\n\nexport type TextProps = {\n  /**\n   * Text element to to use\n   * Text element to to use\n   */\n  elm?: TextElements\n  /** Pass a text element or string */\n  text?: string\n} & InheritedProps\n\nexport const Text = ({\n  elm = 'p',\n  id,\n  text,\n  styles,\n  classes,\n  children,\n  ...props\n}: TextProps) => {\n  return (\n    <UI as={elm} id={id} styles={styles} className={classes} {...props}>\n      <UI as={elm} id={id} styles={styles} className={classes} {...props}>\n        {children || text}\n      </UI>\n    </UI>\n  )\n}\n\ntype TitleProps = {\n  /**\n   * HTML headings\n   */\n  elm?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n} & InheritedProps\n\nexport const Title = ({\n  elm = 'h3',\n  id,\n  children,\n  styles,\n  classes,\n  ...props\n}: TitleProps) => {\n  return (\n    <Text as={elm} id={id} styles={styles} className={classes} {...props}>\n      {children}\n    </Text>\n  )\n}\n\nexport default Text\n\nText.displayName = 'Text'\nTitle.displayName = 'Title'\n"]}

package/libs/chunk-ECLD37WN.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkX3EVB7VS_cjs = require('./chunk-X3EVB7VS.cjs');
+var chunk6TE5QEVE_cjs = require('./chunk-6TE5QEVE.cjs');
+var e = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var e__default = /*#__PURE__*/_interopDefault(e);
+
+var I=(t,r=15)=>t.length>r?`${t.slice(0,r)}...`:t;var f=({styles:t,id:r,classes:o,children:a,...p})=>e__default.default.createElement("li",{id:r,style:t,className:o,"data-list":"unstyled inline",...p},a),C=({children:t,...r})=>e__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:"ol","data-list":"unstyled inline",...r},t),N=({styles:t,id:r,classes:o,children:a,...p})=>e__default.default.createElement(chunk6TE5QEVE_cjs.a,{as:"nav",id:r,styles:t,className:o,...p},e__default.default.createElement(C,null,a)),m=({startRoute:t="Home",startRouteUrl:r="/",currentRoute:o,spacer:a=e__default.default.createElement(e__default.default.Fragment,null,"/"),routes:p,styles:U,id:$,classes:k,ariaLabelPrefix:L,truncateLength:d=15,linkProps:b,...v})=>{let[P,w]=e__default.default.useState("");e__default.default.useEffect(()=>{let n=o||window.location.pathname;n.length&&w(n);},[o]);let x=n=>{let i=p?.find(c=>c.path===n);return {path:i?.path||n,name:i?.name||n,url:i?.url||n}},s=P.split("/").filter(n=>n),u=s.length-1,g=e__default.default.useId();return P.length?e__default.default.createElement(N,{id:$,...v,styles:U,className:k,"aria-label":L},e__default.default.createElement(f,{key:`${t}-${g}`},e__default.default.createElement(chunkX3EVB7VS_cjs.b,{href:r,...b},t)),e__default.default.createElement(e__default.default.Fragment,null,s.length?s.map((n,i)=>{let c=x(n),{name:l,url:B,path:E}=c;return i===u?e__default.default.createElement(e__default.default.Fragment,null,typeof s[u]=="string"&&s[u].length>3&&s[u]!==s[u-1]&&e__default.default.createElement(f,{key:`${E||i}-${g}`},e__default.default.createElement("span",{"aria-hidden":"true"},a),e__default.default.createElement("a",{href:"#","aria-current":"page","aria-label":l.length>d?l:void 0},I(decodeURIComponent(l),d)))):e__default.default.createElement(f,{key:`${c?.name}-${g}`},e__default.default.createElement("span",{"aria-hidden":"true"},a),e__default.default.createElement("span",null,e__default.default.createElement(chunkX3EVB7VS_cjs.b,{href:B,"aria-label":l.length>d?l:void 0,...b},I(decodeURIComponent(l),d))))}):null)):e__default.default.createElement(e__default.default.Fragment,null)},_=m;m.displayName="BreadCrumb";m.Nav=N;m.List=C;m.Items=f;
+
+exports.a = m;
+exports.b = _;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-ECLD37WN.cjs.map

package/libs/chunk-ECLD37WN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/breadcrumbs/breadcrumb.tsx","../src/libs/content.ts"],"names":["React","Truncate","str","length","Items","styles","id","classes","children","props","List","ui_default","Nav","Breadcrumb","startRoute","startRouteUrl","currentRoute","spacer","routes","ariaLabelPrefix","truncateLength","linkProps","currentPath","setCurrentPath","path","getPathName","pathSegment","route","segments","segment","lastSegment","uuid","link_default","index","currentSegment","name","url","breadcrumb_default"],"mappings":"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","sourcesContent":["// Code: Breadcrumb component\nimport React from \"react\";\nimport UI from \"#components/ui\";\nimport { Truncate } from \"#libs/content\";\nimport Link from \"#components/link/link\";\n\n// TYPES\n\ntype customRoute = {\n  /** The path or id for routing */\n  path?: string;\n  /** The display name */\n  name: string;\n  /** The url if linking out */\n  url?: string;\n};\n\ntype BreadcrumbProps = {\n  /** Array of custom route objects */\n  routes?: customRoute[];\n  /** Starting route node */\n  startRoute?: React.ReactNode;\n  /* Starting route url */\n  startRouteUrl?: string;\n  /** Spacer node between routes */\n  spacer?: React.ReactNode;\n  /** String representing current route */\n  currentRoute?: string;\n  /** Prefix breadcrumb aria-label - \"prefix breadcrumb\" */\n  ariaLabelPrefix?: string;\n  /** Truncate breadcrumb text after this length */\n  truncateLength?: number;\n  /** Link props for breadcrumb links */\n  linkProps?: React.ComponentProps<typeof Link>;\n} & React.ComponentProps<typeof UI>;\n\n// Components\n\n/**\n * Items component.\n *\n * @param styles - Styles object for the item.\n * @param id - Id for the item.\n * @param classes - Class names for the item.\n * @param children - Child components.\n * @param props - Other props.\n */\nconst Items = ({\n  styles,\n  id,\n  classes,\n  children,\n  ...props\n}: React.ComponentProps<typeof UI>) => {\n  return (\n    <li\n      id={id}\n      style={styles}\n      className={classes}\n      data-list=\"unstyled inline\"\n      {...props}\n    >\n      {children}\n    </li>\n  );\n};\n\n/**\n * List component.\n *\n * @param children - The content to render inside the list.\n * @param props - Additional props to pass to the UI component.\n */\nconst List = ({ children, ...props }: React.ComponentProps<typeof UI>) => {\n  return (\n    <UI as=\"ol\" data-list=\"unstyled inline\" {...props}>\n      {children}\n    </UI>\n  );\n};\n\n/**\n * Nav component.\n *\n * @param styles - Styles object for the nav.\n * @param id - Id for the nav.\n * @param classes - Class names for the nav.\n * @param children - Child components.\n * @param props - Other props.\n */\nconst Nav = ({\n  styles,\n  id,\n  classes,\n  children,\n  ...props\n}: React.ComponentProps<typeof UI>) => {\n  return (\n    <UI as=\"nav\" id={id} styles={styles} className={classes} {...props}>\n      <List>{children}</List>\n    </UI>\n  );\n};\n\n/**\n * Navigation component for breadcrumbs.\n *\n * @param props - Props for the navigation component.\n * @param props.startRoute - Starting route node. Default 'Home'.\n * @param props.currentRoute - String representing current route.\n * @param props.spacer - Spacer node between routes. Default '&#47;'.\n * @param props.routes - Array of custom route objects.\n * @param props.styles - Styles object for the nav.\n * @param props.id - Id for the nav.\n * @param props.classes - Class names for the nav.\n * @param props.children - Child components.\n */\nexport const Breadcrumb = ({\n  startRoute = \"Home\",\n  startRouteUrl = \"/\",\n  currentRoute,\n  spacer = <>&#47;</>,\n  routes,\n  styles,\n  id,\n  classes,\n  ariaLabelPrefix,\n  truncateLength = 15,\n  linkProps,\n  ...props\n}: BreadcrumbProps): React.JSX.Element => {\n  const [currentPath, setCurrentPath] = React.useState(\"\");\n  React.useEffect(() => {\n    const path = currentRoute || window.location.pathname;\n    if (path.length) {\n      setCurrentPath(path);\n    }\n  }, [currentRoute]);\n\n  /**\n   * Gets the path name for the given path segment.\n   *\n   * @param pathSegment - The path segment (string or number) to get the path name for.\n   * @returns The path name object for the given path segment.\n   */\n  const getPathName = (pathSegment: string): customRoute => {\n    const route = routes?.find((route) => route.path === pathSegment);\n\n    return {\n      path: route?.path || pathSegment,\n      name: route?.name || pathSegment,\n      url: route?.url || pathSegment,\n    };\n  };\n\n  /** Array of path segments from current path */\n  const segments = currentPath.split(\"/\").filter((segment) => segment);\n  /** Index of last item in segments array */\n  const lastSegment = segments.length - 1;\n\n  /** Unique id for breadcrumb */\n  const uuid = React.useId();\n\n  return currentPath.length ? (\n    <Nav\n      id={id}\n      {...props}\n      styles={styles}\n      className={classes}\n      aria-label={ariaLabelPrefix}\n    >\n      <Items key={`${startRoute}-${uuid}`}>\n        <Link href={startRouteUrl} {...linkProps}>\n          {startRoute}\n        </Link>\n      </Items>\n      <>\n        {segments.length\n          ? segments.map((segment: string, index: number) => {\n              const currentSegment = getPathName(segment);\n              const { name, url, path } = currentSegment;\n              return index === lastSegment ? (\n                <>\n                  {typeof segments[lastSegment] === \"string\" &&\n                    segments[lastSegment].length > 3 &&\n                    segments[lastSegment] !== segments[lastSegment - 1] && (\n                      <Items key={`${path || index}-${uuid}`}>\n                        <span aria-hidden=\"true\">{spacer}</span>\n                        <a\n                          href=\"#\"\n                          aria-current=\"page\"\n                          aria-label={\n                            name.length > truncateLength ? name : undefined\n                          }\n                        >\n                          {Truncate(decodeURIComponent(name), truncateLength)}\n                        </a>\n                      </Items>\n                    )}\n                </>\n              ) : (\n                <Items key={`${currentSegment?.name}-${uuid}`}>\n                  <span aria-hidden=\"true\">{spacer}</span>\n                  <span>\n                    <Link\n                      href={url}\n                      aria-label={\n                        name.length > truncateLength ? name : undefined\n                      }\n                      {...linkProps}\n                    >\n                      {Truncate(decodeURIComponent(name), truncateLength)}\n                    </Link>\n                  </span>\n                </Items>\n              );\n            })\n          : null}\n      </>\n    </Nav>\n  ) : (\n    <></>\n  );\n};\n\nexport default Breadcrumb;\n\nBreadcrumb.displayName = \"BreadCrumb\";\nBreadcrumb.Nav = Nav;\nBreadcrumb.List = List;\nBreadcrumb.Items = Items;\n","/**\n * Converts a string to a slug by:\n * - Converting to lowercase\n * - Trimming whitespace\n * - Removing non-word and non-hyphen characters\n * - Replacing sequences of whitespace and hyphens with a single hyphen\n * - Removing leading and trailing hyphens\n *\n * @param str - The string to slugify\n * @returns The slugified string\n */\nexport const Slugify = (str: string) => {\n  return str\n    .toLowerCase()\n    .trim()\n    .replace(/[^\\w\\s-]/g, '')\n    .replace(/[\\s_-]+/g, '-')\n    .replace(/^-+|-+$/g, '')\n}\n\n/**\n * Truncates a string to a maximum length.\n *\n * @param str - The string to truncate.\n * @param length - The maximum length of the truncated string. Defaults to 15.\n * @returns The truncated string, with ellipses appended if truncated.\n */\nexport const Truncate = (str: string, length: number = 15) => {\n  return str.length > length ? `${str.slice(0, length)}...` : str\n}\n"]}

package/libs/chunk-EQ67LF46.js

@@ -0,0 +1,9 @@
+import { c } from './chunk-NHYXGV3L.js';
+import { a } from './chunk-NE6YXTMC.js';
+import r from 'react';
+
+var n=({isBlock:t,children:o,...s})=>r.createElement(c,{type:"ul",...s,"data-list":`unstyled ${t?"block":""}`},o),L=({id:t,styles:o,classes:s,children:i,...m})=>r.createElement(c.ListItem,{type:"li",id:t,classes:s,styles:o,...m},i),e=({children:t,...o})=>r.createElement(a,{as:"nav",...o},t),N=e;e.displayName="Nav";e.List=n;e.Item=L;
+
+export { n as a, L as b, e as c, N as d };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-EQ67LF46.js.map

package/libs/chunk-EQ67LF46.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/nav/nav.tsx"],"names":["React","NavList","isBlock","children","props","list_default","NavItem","id","styles","classes","Nav","ui_default","nav_default"],"mappings":"2EAEA,OAAOA,MAAW,QAgBX,IAAMC,EAAU,CAAC,CAAE,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAM,IAElDJ,EAAA,cAACK,EAAA,CAAK,KAAK,KAAM,GAAGD,EAAO,YAAW,YAAYF,EAAU,QAAU,EAAE,IACrEC,CACH,EAeSG,EAAU,CAAC,CACtB,GAAAC,EACA,OAAAC,EACA,QAAAC,EACA,SAAAN,EACA,GAAGC,CACL,IAEIJ,EAAA,cAACK,EAAK,SAAL,CACC,KAAK,KACL,GAAIE,EACJ,QAASE,EACT,OAAQD,EACP,GAAGJ,GAEHD,CACH,EAWSO,EAAM,CAAC,CAAE,SAAAP,EAAU,GAAGC,CAAM,IAErCJ,EAAA,cAACW,EAAA,CAAG,GAAG,MAAO,GAAGP,GACdD,CACH,EAIGS,EAAQF,EACfA,EAAI,YAAc,MAClBA,EAAI,KAAOT,EACXS,EAAI,KAAOJ","sourcesContent":["import UI from '../ui'\nimport List from '../list/list'\nimport React from 'react'\n\nexport type NavListProps = React.ComponentProps<typeof List> & {\n  isBlock?: boolean\n}\nexport type NavItemProps = React.ComponentProps<typeof List.ListItem>\n\nexport type NavProps = React.ComponentProps<typeof UI>\n\n/**\n * Renders a NavList component.\n * @param {Object} props - The props for the component.\n * @param {ReactNode} props.children - The child elements.\n * @param {Object} props - Additional props to spread to the List component.\n * @returns {JSX.Element} The rendered NavList component.\n */\nexport const NavList = ({ isBlock, children, ...props }: NavListProps) => {\n  return (\n    <List type=\"ul\" {...props} data-list={`unstyled ${isBlock ? 'block' : ''}`}>\n      {children}\n    </List>\n  )\n}\n\n/**\n * Renders a NavItem component.\n * @param {Object} props - The props for the component.\n * @param {string} [props.id] - The id for the component.\n * @param {Object} [props.styles] - The styles for the component.\n * @param {string} [props.classes] - The classes for the component.\n * @param {ReactNode} props.children - The child elements.\n * @param {boolean} [props.inline=true] - Whether the item should display inline.\n * @param {Object} props - Additional props to spread to the ListItem component.\n * @returns {JSX.Element} The rendered NavItem component.\n */\nexport const NavItem = ({\n  id,\n  styles,\n  classes,\n  children,\n  ...props\n}: NavItemProps) => {\n  return (\n    <List.ListItem\n      type=\"li\"\n      id={id}\n      classes={classes}\n      styles={styles}\n      {...props}\n    >\n      {children}\n    </List.ListItem>\n  )\n}\n\n/**\n * Renders a Nav component.\n * @param {Object} props - The props for the component.\n * @param {ReactNode} props.children - The child elements.\n * @param {Object} props - Additional props to spread to the UI component.\n * @returns {JSX.Element} The rendered Nav component.\n */\nexport const Nav = ({ children, ...props }: NavProps) => {\n  return (\n    <UI as=\"nav\" {...props}>\n      {children}\n    </UI>\n  )\n}\n\nexport default Nav\nNav.displayName = 'Nav'\nNav.List = NavList\nNav.Item = NavItem\n"]}

package/libs/chunk-G55UJ53G.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkPDD4N5P5_cjs = require('./chunk-PDD4N5P5.cjs');
+var e = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var e__default = /*#__PURE__*/_interopDefault(e);
+
+var P={display:"block",position:"absolute",background:"#000",border:"1px solid #010101",padding:"10px",color:"#fff",transition:"opacity .5s ease-in-out"},o=({children:n,popoverTrigger:l,styles:a,...d})=>{let t=e__default.default.useRef(null),r=e__default.default.useRef(null),{isVisible:p,popoverPosition:s,handlePointerEvent:v,handlePointerLeave:c}=chunkPDD4N5P5_cjs.b(t,r),f={opacity:p?1:0,top:s.top,left:s.left,zIndex:999};return e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",{ref:t,onPointerEnter:v,onPointerLeave:c,...d},l),p&&e__default.default.createElement("div",{ref:r,style:{...f,...a}},n))},x=o;o.displayName="Popover";o.styles=P;
+
+exports.a = P;
+exports.b = o;
+exports.c = x;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-G55UJ53G.cjs.map

package/libs/chunk-G55UJ53G.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/popover/popover.tsx"],"names":["React","defaultStyles","Popover","children","popoverTrigger","styles","props","hoverRef","popOverRef","isVisible","popoverPosition","handlePointerEvent","handlePointerLeave","use_popover_default","popoverStyles","popover_default"],"mappings":"yCAAA,OAAOA,MAAW,QAeX,IAAMC,EAAgB,CAC3B,QAAS,QACT,SAAU,WACV,WAAY,OACZ,OAAQ,oBACR,QAAS,OACT,MAAO,OACP,WAAY,yBACd,EAsBaC,EAAU,CAAC,CACtB,SAAAC,EACA,eAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAiC,CAC/B,IAAMC,EAAWP,EAAM,OAAO,IAAI,EAC5BQ,EAAaR,EAAM,OAAO,IAAI,EAC9B,CAAE,UAAAS,EAAW,gBAAAC,EAAiB,mBAAAC,EAAoB,mBAAAC,CAAmB,EACzEC,EAAWN,EAAUC,CAAU,EAC3BM,EAAgB,CACpB,QAASL,EAAY,EAAI,EACzB,IAAKC,EAAgB,IACrB,KAAMA,EAAgB,KAEtB,OAAQ,GACV,EAEA,OACEV,EAAA,cAAAA,EAAA,cACEA,EAAA,cAAC,OACC,IAAKO,EACL,eAAgBI,EAChB,eAAgBC,EACf,GAAGN,GAEHF,CACH,EACCK,GACCT,EAAA,cAAC,OAAI,IAAKQ,EAAY,MAAO,CAAE,GAAGM,EAAe,GAAGT,CAAO,GACxDF,CACH,CAEJ,CAEJ,EAEOY,EAAQb,EACfA,EAAQ,YAAc,UACtBA,EAAQ,OAASD","sourcesContent":["import React from 'react'\nimport usePopover from '#hooks/popover/use-popover'\n\n/**\n * Interface for props accepted by the Popover component\n *\n * @property {ReactNode} children - The content to show in the popover\n * @property {ReactNode} [content] - Optional alternative content for popover\n */\nexport type PopoverProps = {\n  children: React.ReactNode\n  popoverTrigger: React.ReactNode\n  styles?: {}\n}\n\nexport const defaultStyles = {\n  display: 'block',\n  position: 'absolute',\n  background: '#000',\n  border: '1px solid #010101',\n  padding: '10px',\n  color: '#fff',\n  transition: 'opacity .5s ease-in-out',\n} as React.CSSProperties\n\n/**\n * Popover component to display popover content.\n *\n * @param props - The props for the component\n * @param props.children - The content to show in the popover\n * @param props.popoverTrigger - The element that triggers the popover on hover\n *\n * @returns JSX.Element - The rendered JSX element for the Popover\n * @example - <Popover popoverTrigger={<button>Hover here</button>}>Popover content</Popover>\n *\n * The component uses the usePopover hook to handle popover visibility and positioning.\n *\n * It renders the triggerElement, and conditionally renders the popover content\n * positioned absolutely when visible.\n *\n * Inline styles handle visuals like background, border, padding, etc.\n *\n * Transforms and opacity animate the enter/exit transition of the popover.\n */\n\nexport const Popover = ({\n  children,\n  popoverTrigger,\n  styles,\n  ...props\n}: PopoverProps): JSX.Element => {\n  const hoverRef = React.useRef(null)\n  const popOverRef = React.useRef(null)\n  const { isVisible, popoverPosition, handlePointerEvent, handlePointerLeave } =\n    usePopover(hoverRef, popOverRef)\n  const popoverStyles = {\n    opacity: isVisible ? 1 : 0,\n    top: popoverPosition.top,\n    left: popoverPosition.left,\n    // transform: `translateY(${isVisible ? '0px' : '-50px'})`,\n    zIndex: 999,\n  } as React.CSSProperties\n\n  return (\n    <>\n      <div\n        ref={hoverRef}\n        onPointerEnter={handlePointerEvent}\n        onPointerLeave={handlePointerLeave}\n        {...props}\n      >\n        {popoverTrigger}\n      </div>\n      {isVisible && (\n        <div ref={popOverRef} style={{ ...popoverStyles, ...styles }}>\n          {children}\n        </div>\n      )}\n    </>\n  )\n}\n\nexport default Popover\nPopover.displayName = 'Popover'\nPopover.styles = defaultStyles\n"]}

package/libs/chunk-HYBZBN4G.js

@@ -0,0 +1,8 @@
+import { a } from './chunk-NE6YXTMC.js';
+import d from 'react';
+
+var e=({type:o="h3",id:r,styles:p,ui:i,children:a$1,...s})=>d.createElement(a,{as:o,id:r,styles:p,"data-ui":i,...s},a$1),n=e;e.displayName="Heading";
+
+export { n as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-HYBZBN4G.js.map

package/libs/chunk-HYBZBN4G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/heading/heading.tsx"],"names":["React","Heading","type","id","styles","ui","children","props","ui_default","heading_default"],"mappings":"wCAAA,OAAOA,MAAW,QAUlB,IAAMC,EAAU,CAAC,CACf,KAAAC,EAAO,KACP,GAAAC,EACA,OAAAC,EACA,GAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAEIP,EAAA,cAACQ,EAAA,CAAG,GAAIN,EAAM,GAAIC,EAAI,OAAQC,EAAQ,UAASC,EAAK,GAAGE,GACpDD,CACH,EAIGG,EAAQR,EACfA,EAAQ,YAAc","sourcesContent":["import React from 'react'\nimport UI from '#components/ui'\nimport { type } from 'os'\n\nexport type TitleProps = {\n  children: React.ReactNode\n  type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  ui?: string\n} & React.ComponentProps<typeof UI>\n\nconst Heading = ({\n  type = 'h3',\n  id,\n  styles,\n  ui,\n  children,\n  ...props\n}: TitleProps) => {\n  return (\n    <UI as={type} id={id} styles={styles} data-ui={ui} {...props}>\n      {children}\n    </UI>\n  )\n}\n\nexport default Heading\nHeading.displayName = 'Heading'\n"]}

package/libs/chunk-ICCKQ2GC.cjs

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

package/libs/chunk-ICCKQ2GC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/modal/modal.tsx","../src/components/modal/dialog.tsx"],"names":["React","ModalDialog","id","children","classes","modalRef","openOnMount","props","ui_default","e","dialog_default","Modal","openChild","closeChild","modalHeader","modalFooter","showOpen","dialogRef","openModal","closeModal","Button"],"mappings":"kFAAA,OAAOA,MAAW,QCClB,OAAOA,MAAW,QAmBX,IAAMC,EAAc,CAAC,CAC1B,GAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAQIP,EAAA,cAACQ,EAAA,CACC,GAAG,SACH,GAAIN,EACJ,QAASE,EACT,IAAKC,EACL,KAAMC,EACN,QAbsBG,GAA+C,CACnEA,EAAE,gBAAkBA,EAAE,QACxBA,EAAE,cAAc,MAAM,CAE1B,EAUK,GAAGF,GAEHJ,CACH,EAIGO,EAAQV,EAAM,KAAKC,CAAW,EACrCA,EAAY,YAAc,SDnBnB,IAAMU,EAAQ,CAAC,CACpB,UAAAC,EACA,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,SAAAZ,EACA,SAAAa,EAAW,GACX,GAAGT,CACL,IAAkB,CAChB,IAAMU,EAAYjB,EAAM,OAA0B,IAAI,EAChDkB,EAAY,IAAY,CACxBD,EAAU,UACRD,EAAUC,EAAU,QAAQ,KAAK,EAChCA,EAAU,QAAQ,UAAU,EAErC,EACME,EAAa,IAAM,CACnBF,EAAU,SACZA,EAAU,QAAQ,MAAM,CAE5B,EAEA,OACEjB,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACC,EAAA,CAAY,SAAUgB,EAAW,YAAaD,EAAW,GAAGT,GAC3DP,EAAA,cAAC,eACEc,EACAX,EACAY,GACCf,EAAA,cAAC,WACCA,EAAA,cAACoB,EAAA,CACC,KAAK,SACL,YAAa,IAAM,CACjBD,EAAW,CACb,GAECN,GAAc,OACjB,EAAU,GACZ,CAEJ,CACF,EACC,CAACG,GACAhB,EAAA,cAACoB,EAAA,CAAO,KAAK,SAAS,YAAaF,GAChCN,GAAa,YAChB,CAEJ,CAEJ,EAEAD,EAAM,YAAc","sourcesContent":["import React from \"react\";\nimport { ComponentProps } from \"../../types\";\nimport { Button } from \"../buttons/button\";\nimport { ModalDialog } from \"./dialog\";\n\nexport interface ModalProps extends ComponentProps {\n  /**\n   * The child component/content for open button\n   */\n  openChild?: React.ReactNode;\n  /**\n   * The child component/content for close button\n   */\n  closeChild?: React.ReactNode;\n  /**\n   * The child component/content for modal header\n   */\n  modalHeader?: React.ReactNode;\n  /**\n   * The child component/content for modal footer\n   */\n  modalFooter?: React.ReactNode;\n  /**\n   * The child component/content for modal body\n   */\n  children: React.ReactNode;\n  /**\n   * Open modal on mount when set to true\n   */\n  showOpen?: boolean;\n}\nexport const Modal = ({\n  openChild,\n  closeChild,\n  modalHeader,\n  modalFooter,\n  children,\n  showOpen = false,\n  ...props\n}: ModalProps) => {\n  const dialogRef = React.useRef<HTMLDialogElement>(null);\n  const openModal = (): void => {\n    if (dialogRef.current) {\n      if (showOpen) dialogRef.current.show();\n      else dialogRef.current.showModal();\n    }\n  };\n  const closeModal = () => {\n    if (dialogRef.current) {\n      dialogRef.current.close();\n    }\n  };\n\n  return (\n    <>\n      <ModalDialog modalRef={dialogRef} openOnMount={showOpen} {...props}>\n        <section>\n          {modalHeader}\n          {children}\n          {modalFooter ?? (\n            <div>\n              <Button\n                type=\"button\"\n                pointerDown={() => {\n                  closeModal();\n                }}\n              >\n                {closeChild || \"Close\"}\n              </Button>{\" \"}\n            </div>\n          )}\n        </section>\n      </ModalDialog>\n      {!showOpen && (\n        <Button type=\"button\" pointerDown={openModal}>\n          {openChild || \"Open Modal\"}\n        </Button>\n      )}\n    </>\n  );\n};\n\nModal.displayName = \"Modal\";\n","import UI from \"../ui\";\nimport React from \"react\";\n\nexport type DialogProps = {\n  /**\n   * React ref for dialog element\n   */\n  modalRef: React.RefObject<HTMLDialogElement>;\n  /**\n   * Handle close modal event\n   */\n  closeModal?: (e: React.SyntheticEvent<HTMLDialogElement>) => void;\n  /**\n   * open modal on mount\n   */\n  openOnMount?: boolean;\n} & React.ComponentProps<typeof UI>;\n/**\n * Dialog component\n */\nexport const ModalDialog = ({\n  id,\n  children,\n  classes,\n  modalRef,\n  openOnMount,\n  ...props\n}: DialogProps) => {\n  const handleCloseModal = (e: React.SyntheticEvent<HTMLDialogElement>) => {\n    if (e.currentTarget === e.target) {\n      e.currentTarget.close();\n    }\n  };\n\n  return (\n    <UI\n      as=\"dialog\"\n      id={id}\n      classes={classes}\n      ref={modalRef}\n      open={openOnMount}\n      onClick={handleCloseModal}\n      {...props}\n    >\n      {children}\n    </UI>\n  );\n};\n\nexport default React.memo(ModalDialog);\nModalDialog.displayName = \"Dialog\";\n"]}

package/libs/chunk-IYUN2EW3.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkS7BABR7Z_cjs = require('./chunk-S7BABR7Z.cjs');
+var R = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var R__default = /*#__PURE__*/_interopDefault(R);
+
+var m=({type:a="text",name:c,value:i,placeholder:d,id:f,styles:y,classes:I,isDisabled:p,disabled:t,readonly:r,required:n,ref:h,onChange:o,onBlur:l,onPointerDown:u,...E})=>{let x=e=>{o&&!t&&o?.(e);},v=e=>{l&&!t&&l?.(e);},P=e=>{u&&!t&&(e.preventDefault(),u?.(e));};return R__default.default.createElement(chunkS7BABR7Z_cjs.a,{as:"input",id:f,type:a,placeholder:d||`${n?"*":""} ${a} input `,className:I,styles:y,onChange:x,onBlur:v,onKeyDown:P,value:i,name:c,ref:h,"aria-disabled":p,tabIndex:p?-1:void 0,"aria-readonly":r,"aria-required":n,required:n,readOnly:r,...E})};m.displayName="Input";var F=m;
+
+exports.a = m;
+exports.b = F;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-IYUN2EW3.cjs.map

package/libs/chunk-IYUN2EW3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/inputs.tsx"],"names":["React","Input","type","name","value","placeholder","id","styles","classes","isDisabled","disabled","readonly","required","ref","onChange","onBlur","onPointerDown","props","handleChange","handleBlur","handleKeyDown","fp_default","inputs_default"],"mappings":"yCAAA,OAAOA,MAAW,QAeX,IAAMC,EAAQ,CAAC,CACpB,KAAAC,EAAO,OACP,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,GAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,IAAAC,EACA,SAAAC,EACA,OAAAC,EACA,cAAAC,EACA,GAAGC,CACL,IAA+B,CAC7B,IAAMC,EAAgB,GAA2C,CAC3DJ,GAAY,CAACJ,GACfI,IAAW,CAAC,CAEhB,EAEMK,EAAc,GAA0C,CACxDJ,GAAU,CAACL,GACbK,IAAS,CAAC,CAEd,EAEMK,EAAiB,GAA6C,CAC9DJ,GAAiB,CAACN,IACpB,EAAE,eAAe,EACjBM,IAAgB,CAAC,EAErB,EAEA,OACEhB,EAAA,cAACqB,EAAA,CACC,GAAG,QACH,GAAIf,EACJ,KAAMJ,EACN,YAAaG,GAAe,GAAGO,EAAW,IAAM,EAAE,IAAIV,CAAI,UAC1D,UAAWM,EACX,OAAQD,EACR,SAAUW,EACV,OAAQC,EACR,UAAWC,EACX,MAAOhB,EACP,KAAMD,EACN,IAAKU,EACL,gBAAeJ,EACf,SAAUA,EAAa,GAAK,OAC5B,gBAAeE,EACf,gBAAeC,EACf,SAAUA,EACV,SAAUD,EACT,GAAGM,EACN,CAEJ,EACAhB,EAAM,YAAc,QACpB,IAAOqB,EAAQrB","sourcesContent":["import React from \"react\";\nimport FP from \"../fp\";\n\nexport type InputProps = {\n  /**\n   * The type of the input.\n   */\n  type?: \"text\" | \"password\" | \"email\" | \"number\" | \"tel\" | \"url\" | \"search\";\n\n  /**\n   * Set the element as disabled\n   */\n  isDisabled?: boolean;\n} & React.ComponentProps<typeof FP>;\n\nexport const Input = ({\n  type = \"text\",\n  name,\n  value,\n  placeholder,\n  id,\n  styles,\n  classes,\n  isDisabled,\n  disabled,\n  readonly,\n  required,\n  ref,\n  onChange,\n  onBlur,\n  onPointerDown,\n  ...props\n}: InputProps): JSX.Element => {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange && !disabled) {\n      onChange?.(e);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (onBlur && !disabled) {\n      onBlur?.(e);\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (onPointerDown && !disabled) {\n      e.preventDefault();\n      onPointerDown?.(e);\n    }\n  };\n\n  return (\n    <FP\n      as=\"input\"\n      id={id}\n      type={type}\n      placeholder={placeholder || `${required ? \"*\" : \"\"} ${type} input `}\n      className={classes}\n      styles={styles}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      onKeyDown={handleKeyDown}\n      value={value}\n      name={name}\n      ref={ref}\n      aria-disabled={isDisabled}\n      tabIndex={isDisabled ? -1 : undefined}\n      aria-readonly={readonly}\n      aria-required={required}\n      required={required}\n      readOnly={readonly}\n      {...props}\n    />\n  );\n};\nInput.displayName = \"Input\";\nexport default Input;\n"]}

package/libs/chunk-KKLTUJFB.cjs

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

package/libs/chunk-KKLTUJFB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/icons/components/code.tsx","../src/components/icons/components/svg.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/components/play.tsx","../src/components/icons/components/pause.tsx","../src/components/icons/components/resume.tsx","../src/components/icons/components/stop.tsx","../src/components/icons/components/stop-solid.tsx","../src/components/icons/components/play-solid.tsx","../src/components/icons/components/pause-solid.tsx","../src/components/icons/components/resume-solid.tsx","../src/components/icons/components/info.tsx","../src/components/icons/components/alert-solid.tsx","../src/components/icons/components/info-solid.tsx","../src/components/icons/components/question-solid.tsx","../src/components/icons/components/warn-solid.tsx","../src/components/icons/components/success-solid.tsx","../src/components/icons/components/alert-square-solid.tsx","../src/components/icons/icon.tsx"],"names":["React","defaultStyes","Svg","fill","strokeColor","styles","size","role","alt","children","props","svg_default","defaultStyles","Code","Home","Add","ArrowLeft","Chat","ArrowDown","ArrowUp","ArrowRight","User","Right","Left","Minus","Remove","Copy","Up","Down","Star","Play","Pause","Resume","Stop","StopSolid","PlaySolid","PauseSolid","ResumeSolid","Info","AlertSolid","InfoSolid","QuestionSolid","WarnSolid","SuccessSolid","AlertSquareSolid","Icon","id","classes","ui_default","icon_default"],"mappings":"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","sourcesContent":["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\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 * 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,\n  strokeColor,\n  styles,\n  size = 24,\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      fill={fill}\n      stroke={strokeColor}\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 { 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 = \"gray\",\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\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  styles,\n  size = 16,\n  role = 'img',\n  alt = 'Down icon',\n  ...props\n}: Pick<IconProps, 'fill' | 'styles' | 'size' | 'role' | 'alt'>) => {\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  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,\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={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.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 * 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 Play = ({\n  strokeColor = 'currentColor',\n  styles,\n  size = 24,\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-linecap=\"square\"\n        stroke-linejoin=\"miter\"\n        stroke-miterlimit=\"10\"\n      >\n        <path\n          d=\"M7 21L7 3L19 12L7 21Z\"\n          stroke={strokeColor}\n          stroke-width=\"2\"\n          fill=\"none\"\n        ></path>{' '}\n      </g>\n    </Svg>\n  )\n}\n\nexport default Play\nPlay.displayName = 'PlayIcon'\nPlay.style = defaultStyles\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 Pause = ({\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-linecap=\"square\"\n        stroke-linejoin=\"miter\"\n        stroke-miterlimit=\"10\"\n      >\n        <rect\n          x=\"2\"\n          y=\"2\"\n          width=\"6\"\n          height=\"20\"\n          fill=\"none\"\n          stroke={strokeColor}\n          stroke-width=\"2\"\n        ></rect>\n        <rect\n          x=\"16\"\n          y=\"2\"\n          width=\"6\"\n          height=\"20\"\n          fill=\"none\"\n          stroke={strokeColor}\n          stroke-width=\"2\"\n        ></rect>\n      </g>\n    </Svg>\n  )\n}\n\nexport default Pause\nPause.displayName = 'Pause'\nPause.style = defaultStyles\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 * Resume 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 Resume = ({\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-linecap=\"square\"\n        stroke-linejoin=\"miter\"\n        stroke-miterlimit=\"10\"\n      >\n        <path\n          d=\"M20 21L20 3\"\n          stroke={strokeColor}\n          stroke-width=\"2\"\n          fill=\"none\"\n        ></path>\n        <path\n          d=\"M4 4L4 20L16 12L4 4Z\"\n          stroke={strokeColor}\n          stroke-width=\"2\"\n          fill=\"none\"\n        ></path>\n      </g>\n    </Svg>\n  )\n}\n\nexport default Resume\nResume.displayName = 'Resume'\nResume.style = defaultStyles\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 * Stop 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 Stop = ({\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-linecap=\"square\"\n        stroke-linejoin=\"miter\"\n        stroke-miterlimit=\"10\"\n      >\n        <rect\n          x=\"2\"\n          y=\"2\"\n          fill=\"none\"\n          stroke={strokeColor}\n          stroke-width=\"2\"\n          width=\"20\"\n          height=\"20\"\n        ></rect>\n      </g>\n    </Svg>\n  )\n}\n\nexport default Stop\nStop.displayName = 'Stop'\nStop.style = defaultStyles\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 * Stop 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 StopSolid = ({\n  strokeColor = 'currentColor',\n  styles,\n  size = 24,\n  role = 'img',\n  alt = 'Stop 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={strokeColor}>\n        <path\n          fill={strokeColor}\n          d=\"M22,1H2C1.447,1,1,1.447,1,2v20c0,0.553,0.447,1,1,1h20c0.553,0,1-0.447,1-1V2C23,1.447,22.553,1,22,1z\"\n        ></path>\n      </g>\n    </Svg>\n  )\n}\n\nexport default StopSolid\nStopSolid.displayName = 'StopSolid'\nStopSolid.style = defaultStyles\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 PlaySolid = ({\n  strokeColor = 'currentColor',\n  styles,\n  size = 24,\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 fill={strokeColor}>\n        <path\n          fill={strokeColor}\n          d=\"M20.555,11.168l-15-10c-0.307-0.204-0.702-0.224-1.026-0.05C4.203,1.292,4,1.631,4,2v20 c0,0.369,0.203,0.708,0.528,0.882C4.676,22.961,4.838,23,5,23c0.194,0,0.388-0.057,0.555-0.168l15-10C20.833,12.646,21,12.334,21,12 S20.833,11.354,20.555,11.168z\"\n        ></path>\n      </g>\n    </Svg>\n  )\n}\n\nexport default PlaySolid\nPlaySolid.displayName = 'PlaySolid'\nPlaySolid.style = defaultStyles\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 PauseSolid = ({\n  strokeColor = 'currentColor',\n  styles,\n  size = 24,\n  role = 'img',\n  alt = 'Pause 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 fill={strokeColor}>\n        <path\n          d=\"M7,1H2A1,1,0,0,0,1,2V22a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V2A1,1,0,0,0,7,1Z\"\n          fill={strokeColor}\n        ></path>\n        <path\n          d=\"M22,1H17a1,1,0,0,0-1,1V22a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V2A1,1,0,0,0,22,1Z\"\n          fill={strokeColor}\n        ></path>\n      </g>\n    </Svg>\n  )\n}\n\nexport default PauseSolid\nPauseSolid.displayName = 'PauseSolid'\nPauseSolid.style = defaultStyles\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 * Resume 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 ResumeSolid = ({\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 fill={strokeColor}>\n        <path\n          fill={strokeColor}\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M3 21.8685L17.8028 12L3 2.1315L3 21.8685Z\"\n        ></path>\n        <path\n          fill={strokeColor}\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M19 2L19 22L21 22L21 2L19 2Z\"\n        ></path>\n      </g>\n    </Svg>\n  )\n}\n\nexport default ResumeSolid\nResumeSolid.displayName = 'ResumeSolid'\nResumeSolid.style = defaultStyles\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\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 Info = ({\n  fill = \"currentColor\",\n  size = 24,\n  role = \"img\",\n  alt = \"Info 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=\"M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zM11 9h2V7h-2v2z\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  );\n};\n\nexport default Info;\nInfo.displayName = \"Info\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\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 AlertSolid = ({\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=\"M23.707,6.736,17.263.293A1,1,0,0,0,16.556,0H7.444a1,1,0,0,0-.707.293L.293,6.736A1,1,0,0,0,0,7.443v9.114a1,1,0,0,0,.293.707l6.444,6.443A1,1,0,0,0,7.444,24h9.112a1,1,0,0,0,.707-.293l6.444-6.443A1,1,0,0,0,24,16.557V7.443A1,1,0,0,0,23.707,6.736ZM13.645,5,13,14H11l-.608-9ZM12,20a2,2,0,1,1,2-2A2,2,0,0,1,12,20Z\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  );\n};\n\nexport default AlertSolid;\nAlertSolid.displayName = \"AlertSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\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 InfoSolid = ({\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          fill={fill}\n          d=\"M8,17.06V20h8v-2.94c3.059-1.514,5-4.607,5-8.06c0-4.963-4.038-9-9-9S3,4.037,3,9 C3,12.452,4.941,15.546,8,17.06z M7,9c0-2.757,2.243-5,5-5h1v2h-1c-1.654,0-3,1.346-3,3v1H7V9z\"\n        ></path>{\" \"}\n        <path\n          fill={fill}\n          d=\"M8,22v1c0,0.553,0.448,1,1,1h6c0.552,0,1-0.447,1-1v-1H8z\"\n        ></path>\n      </g>\n    </Svg>\n  );\n};\n\nexport default InfoSolid;\nInfoSolid.displayName = \"InfoSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\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 QuestionSolid = ({\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=\"M12,0C5.383,0,0,5.383,0,12s5.383,12,12,12,12-5.383,12-12S18.617,0,12,0Zm0,19.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Zm2.688-7.198c-1.444,1.224-1.688,1.667-1.688,2.198,0,.553-.447,1-1,1s-1-.447-1-1c0-1.434,.807-2.379,2.395-3.724,.447-.38,1.844-1.72,1.024-3.046-.532-.861-2.517-.984-4.162-.256-.507,.223-1.096-.006-1.319-.511-.223-.505,.006-1.096,.511-1.319,2.33-1.03,5.463-.924,6.672,1.035,1.103,1.784,.554,3.938-1.433,5.622Z\"\n          fill={fill}\n        ></path>\n      </g>\n    </Svg>\n  );\n};\n\nexport default QuestionSolid;\nQuestionSolid.displayName = \"QuestionSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\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 WarnSolid = ({\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=\"M23.641,18.485L14.732,1.643C13.931,.134,12.059-.44,10.55,.361c-.546,.29-.992,.736-1.282,1.282L.359,18.485c-.793,1.504-.217,3.367,1.288,4.16,.445,.235,.942,.357,1.445,.355H20.908c1.7,.005,3.083-1.369,3.088-3.07,.002-.504-.12-1-.355-1.445Zm-11.641,1.515c-.828,0-1.5-.672-1.5-1.5s.672-1.5,1.5-1.5,1.5,.672,1.5,1.5-.672,1.5-1.5,1.5Zm.53-5h-1.061c-.264,0-.483-.205-.499-.469l-.438-7c-.018-.288,.211-.531,.499-.531h1.936c.288,0,.517,.243,.499,.531l-.438,7c-.016,.264-.235,.469-.499,.469Z\"\n          fill={fill}\n        />\n      </g>\n    </Svg>\n  );\n};\n\nexport default WarnSolid;\nWarnSolid.displayName = \"WarnSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\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 SuccessSolid = ({\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=\"M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12,12-5.373,12-12C23.981,5.381,18.619,.019,12,0Zm7.207,7.707l-9,9c-.195,.195-.451,.293-.707,.293s-.512-.098-.707-.293l-4-4c-.391-.391-.391-1.023,0-1.414s1.023-.391,1.414,0l3.293,3.293L17.793,6.293c.391-.391,1.023-.391,1.414,0s.391,1.023,0,1.414Z\"\n          fill={fill}\n        ></path>\n      </g>\n    </Svg>\n  );\n};\n\nexport default SuccessSolid;\nSuccessSolid.displayName = \"SuccessSolid\";\n","import * as React from \"react\";\n\nimport { IconProps } from \"../types\";\nimport Svg from \"./svg\";\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 AlertSquareSolid = ({\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=\"M20,1H4c-1.654,0-3,1.346-3,3V20c0,1.654,1.346,3,3,3H20c1.654,0,3-1.346,3-3V4c0-1.654-1.346-3-3-3ZM11,7c0-.553,.448-1,1-1s1,.447,1,1v6c0,.553-.448,1-1,1s-1-.447-1-1V7Zm1,11.5c-.69,0-1.25-.56-1.25-1.25s.56-1.25,1.25-1.25,1.25,.56,1.25,1.25-.56,1.25-1.25,1.25Z\"\n          fill={fill}\n        ></path>\n      </g>\n    </Svg>\n  );\n};\n\nexport default AlertSquareSolid;\nAlertSquareSolid.displayName = \"AlertSquareSolid\";\n","import {\n  Add,\n  ArrowDown,\n  ArrowLeft,\n  ArrowRight,\n  ArrowUp,\n  Chat,\n  Code,\n  Copy,\n  Down,\n  Home,\n  Info,\n  Left,\n  Minus,\n  Remove,\n  Right,\n  Star,\n  Up,\n  User,\n  Play,\n  Pause,\n  Stop,\n  Resume,\n  PlaySolid,\n  PauseSolid,\n  ResumeSolid,\n  StopSolid,\n  AlertSolid,\n  InfoSolid,\n  QuestionSolid,\n  WarnSolid,\n  SuccessSolid,\n  AlertSquareSolid,\n} from \"./index\";\n\nimport UI from \"#components/ui\";\nimport React from \"react\";\n\n/**\n * The default styles object for the Icon component.\n *\n * @property {string} display - Sets display to 'inline-flex' to make Icon inline.\n * @property {string} direction - Sets flex direction to 'row'.\n * @property {string} gap - Sets gap between items to '.2rem'.\n * @property {string} placeItems - Centers items vertically using 'center'.\n * @property {string} width - Sets width to 'auto' for automatic sizing.\n */\nconst defaultStyles = {\n  display: \"inline-flex\",\n  direction: \"row\",\n  gap: \".2rem\",\n  placeItems: \"center\",\n  width: \"auto\",\n};\n\nexport type IconProps = React.ComponentProps<typeof UI>;\n\nexport const Icon = ({\n  id,\n  classes,\n  children,\n  styles,\n  ...props\n}: IconProps) => {\n  return (\n    <UI\n      id={id}\n      as=\"span\"\n      styles={styles}\n      className={classes}\n      data-icon\n      data-style=\"icons\"\n      {...props}\n    >\n      {children}\n    </UI>\n  );\n};\n\nexport default Icon;\nIcon.displayName = \"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.Down = Down;\nIcon.Home = Home;\nIcon.Info = Info;\nIcon.InfoSolid = InfoSolid;\nIcon.AlertSolid = AlertSolid;\nIcon.Left = Left;\nIcon.Minus = Minus;\nIcon.Pause = Pause;\nIcon.PauseSolid = PauseSolid;\nIcon.Play = Play;\nIcon.PlaySolid = PlaySolid;\nIcon.Remove = Remove;\nIcon.Resume = Resume;\nIcon.ResumeSolid = ResumeSolid;\nIcon.Right = Right;\nIcon.Star = Star;\nIcon.Stop = Stop;\nIcon.StopSolid = StopSolid;\nIcon.Up = Up;\nIcon.User = User;\nIcon.styles = defaultStyles;\nIcon.QuestionSolid = QuestionSolid;\nIcon.WarnSolid = WarnSolid;\nIcon.SuccessSolid = SuccessSolid;\nIcon.AlertSquareSolid = AlertSquareSolid;\n// aliases\nIcon.Close = Icon.Remove;\n"]}