@deckai/deck-ui 0.0.10 → 0.0.13

package/dist/components/EditButton.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+
+type EditButtonProps = {
+    className?: string;
+    onClick?: () => void;
+};
+declare const EditButton: {
+    ({ className, onClick }: EditButtonProps): React__default.JSX.Element;
+    displayName: string;
+};
+
+export { EditButton, type EditButtonProps };

package/dist/components/EditButton.js

@@ -0,0 +1,10 @@
+import*as y from'react';import y__default from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {IconMap}from'@deckai/icons';function l(...e){return twMerge(clsx(e))}var R={xl:"h1",lg:"h1",md:"h2",sm:"h3",xs:"h4"},C=e=>{let[t,r]=e.split("-");return t==="heading"?R[r]||"p":t==="label"?"label":"p"},$={light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},A=e=>e?(Array.isArray(e)?e:[e]).map(r=>{if(r.includes(":")){let[n,o]=r.split(":");return `${n}:text-${o}`}return `text-${r}`}).join(" "):"text-body-default",u=y__default.forwardRef(({variant:e="body-default",color:t="text-primary",as:r,className:n,children:o,weight:s,...a},i)=>{let m=A(e),d=t&&t==="inherit"?"inherit":t?`text-${t}`:"",H=y__default.useMemo(()=>{let M=typeof e=="string"?e.split(":").pop():Array.isArray(e)?e[0].split(":").pop():"body-default";return C(M)},[e]);return y__default.createElement(r||H,{ref:i,className:`font-sans antialiased ${m} ${d} ${s?`!${$[s]}`:""} ${n??""}`,...a},o)});u.displayName="Text";var c="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";var k={black:"bg-text-primary text-white",accent:"bg-primary-100 text-white",secondary:"bg-secondary-100 text-secondary"},g={black:"border border-text-primary text-text-primary",accent:"border border-primary-100 text-primary-100",secondary:"border border-text-secondary text-secondary"},S=y.forwardRef(({className:e,variant:t="filled",color:r="black",isLoading:n=!1,children:o,disabled:s,...a},i)=>y.createElement("button",{ref:i,className:l(`
+          sm:px-7 px-4
+          py-2
+          inline-flex items-center justify-center
+          rounded-lg 
+          transition-colors duration-200
+          disabled:opacity-50 disabled:pointer-events-none
+          hover:opacity-80 active:scale-95 
+          truncate`,c,t==="filled"?k[r]:g[r],e),disabled:s||n,type:"button",...a},typeof o=="string"?y.createElement(u,{variant:["sm:body-default-bold","body-xxs-semibold"],color:"inherit"},o):o));S.displayName="Button";var f={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},v={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},B=e=>{if(!e)return {width:"24px",height:"24px"};let t=Array.isArray(e)?e:[e],r={},n;return t.forEach(o=>{if(typeof o=="number")n=`${o}px`;else {let[s,a]=o.split(":"),i=parseInt(a,10);r[`@media (min-width: ${v[s]})`]=`${i}px`;}}),{width:n||"24px",height:n||"24px",...Object.entries(r).reduce((o,[s,a])=>({...o,[s]:{width:a,height:a}}),{})}},b=y__default.forwardRef(({name:e,size:t=24,color:r="primary",title:n,className:o,style:s={},...a},i)=>{let m=IconMap[e],d=B(t);return y__default.createElement("div",{className:l("flex justify-center items-center",o),style:{...d,"--icon-stroke":f[r],...s}},y__default.createElement(m,{ref:i,"aria-hidden":!n,"aria-label":n,stroke:e.includes("filled")?void 0:f[r],...a}))});b.displayName="Icon";var h=({children:e,type:t="button",className:r,disabled:n,...o})=>y__default.createElement("button",{type:t,disabled:n,className:`appearance-none hover:opacity-80 transition-all active:scale-95 ${c} ${r} ${n?"opacity-50 cursor-not-allowed":""}`,...o},e);var N=({className:e,onClick:t})=>y__default.createElement(h,{className:l("absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg",g.black,e),onClick:t},y__default.createElement(b,{color:"primary",name:"edit-2"}));N.displayName="EditButton";if (exports.default) module.exports = exports.default;export{N as EditButton};//# sourceMappingURL=EditButton.js.map
+//# sourceMappingURL=EditButton.js.map

package/dist/components/EditButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Text.tsx","../../src/utils/tailwind.ts","../../src/components/Button.tsx","../../src/components/Icon.tsx","../../src/components/Pressable.tsx","../../src/components/EditButton.tsx"],"names":["cn","inputs","twMerge","clsx","HEADING_ELEMENT_MAP","getElementFromVariant","variant","category","size","fontWeight","processVariants","variants","breakpoint","typographyClass","Text","React","color","as","className","children","weight","props","ref","typographyClasses","colorClasses","suggestedElement","baseVariant","focusRingStyles","filled","outlined","Button","p","isLoading","disabled","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","valueStr","value","acc","query","Icon","name","title","style","IconComponent","IconMap","sizeStyles","Pressable","type","EditButton","onClick"],"mappings":"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","file":"EditButton.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React from \"react\";\nimport {\n  Colors,\n  TextColorVariant,\n  PrimaryShades,\n  SecondaryShades,\n  TertiaryShades,\n  Typography\n} from \"../types/tailwind\";\n\ntype TextElement =\n  | \"p\"\n  | \"span\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"strong\"\n  | \"em\"\n  | \"blockquote\"\n  | \"pre\"\n  | \"code\"\n  | \"small\"\n  | \"label\"\n  | \"a\";\n\n// HTML element mapping type\ntype HTMLElementByTag = {\n  p: HTMLParagraphElement;\n  span: HTMLSpanElement;\n  h1: HTMLHeadingElement;\n  h2: HTMLHeadingElement;\n  h3: HTMLHeadingElement;\n  h4: HTMLHeadingElement;\n  h5: HTMLHeadingElement;\n  h6: HTMLHeadingElement;\n  strong: HTMLElement;\n  em: HTMLElement;\n  blockquote: HTMLQuoteElement;\n  pre: HTMLPreElement;\n  code: HTMLElement;\n  small: HTMLElement;\n  label: HTMLLabelElement;\n  a: HTMLAnchorElement;\n};\n\n// HTML props mapping type\ntype HTMLPropsMap = {\n  p: React.HTMLAttributes<HTMLParagraphElement>;\n  span: React.HTMLAttributes<HTMLSpanElement>;\n  h1: React.HTMLAttributes<HTMLHeadingElement>;\n  h2: React.HTMLAttributes<HTMLHeadingElement>;\n  h3: React.HTMLAttributes<HTMLHeadingElement>;\n  h4: React.HTMLAttributes<HTMLHeadingElement>;\n  h5: React.HTMLAttributes<HTMLHeadingElement>;\n  h6: React.HTMLAttributes<HTMLHeadingElement>;\n  strong: React.HTMLAttributes<HTMLElement>;\n  em: React.HTMLAttributes<HTMLElement>;\n  blockquote: React.HTMLAttributes<HTMLQuoteElement>;\n  pre: React.HTMLAttributes<HTMLPreElement>;\n  code: React.HTMLAttributes<HTMLElement>;\n  small: React.HTMLAttributes<HTMLElement>;\n  label: React.LabelHTMLAttributes<HTMLLabelElement>;\n  a: Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"color\">;\n};\n\ntype ColorCategory = keyof Omit<Colors, \"stroke\" | \"background\">;\ntype ColorValue<T extends ColorCategory> = T extends \"text\"\n  ? TextColorVariant\n  : T extends \"primary\"\n    ? keyof PrimaryShades\n    : T extends \"secondary\"\n      ? keyof SecondaryShades\n      : T extends \"tertiary\"\n        ? keyof TertiaryShades\n        : never;\n\ntype ColorKey = {\n  [T in ColorCategory]: `${T}-${ColorValue<T>}`;\n}[ColorCategory];\n\ntype TypographyCategory = keyof Typography;\ntype TypographyValue<T extends TypographyCategory> = Extract<\n  keyof Typography[T],\n  string | number | bigint | boolean | null | undefined\n>;\ntype TypographyKey = {\n  [T in TypographyCategory]: `${T}-${TypographyValue<T>}`;\n}[TypographyCategory];\n\nconst HEADING_ELEMENT_MAP: Record<string, TextElement> = {\n  xl: \"h1\",\n  lg: \"h1\",\n  md: \"h2\",\n  sm: \"h3\",\n  xs: \"h4\"\n};\n\nconst getElementFromVariant = (variant: TypographyKey): TextElement => {\n  const [category, size] = variant.split(\"-\");\n\n  if (category === \"heading\") {\n    return HEADING_ELEMENT_MAP[size] || \"p\";\n  }\n\n  if (category === \"label\") {\n    return \"label\";\n  }\n\n  return \"p\";\n};\n\ntype Weight = \"light\" | \"regular\" | \"semibold\" | \"bold\";\n\nconst fontWeight: Record<Weight, string> = {\n  light: \"font-light\",\n  regular: \"font-regular\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\"\n};\n\n// Add breakpoint types\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveVariant = TypographyKey | `${Breakpoint}:${TypographyKey}`;\n\n// Update TextProps to use ResponsiveVariant\nexport type TextProps<T extends TextElement = \"p\"> = {\n  variant?: ResponsiveVariant | ResponsiveVariant[];\n  color?: ColorKey | \"inherit\";\n  as?: T;\n  className?: string;\n  children: React.ReactNode;\n  weight?: Weight;\n} & HTMLPropsMap[T];\n\n// Add helper function to process variants\nconst processVariants = (\n  variants: ResponsiveVariant | ResponsiveVariant[] | undefined\n): string => {\n  if (!variants) return \"text-body-default\";\n\n  const variantArray = Array.isArray(variants) ? variants : [variants];\n\n  return variantArray\n    .map((variant) => {\n      if (variant.includes(\":\")) {\n        const [breakpoint, typographyClass] = variant.split(\":\");\n        return `${breakpoint}:text-${typographyClass}`;\n      }\n      return `text-${variant}`;\n    })\n    .join(\" \");\n};\n\nexport const Text = React.forwardRef(\n  <T extends TextElement = \"p\">(\n    {\n      variant = \"body-default\",\n      color = \"text-primary\",\n      as,\n      className,\n      children,\n      weight,\n      ...props\n    }: TextProps<T>,\n    ref: React.ForwardedRef<HTMLElementByTag[T]>\n  ) => {\n    // Process typography classes with breakpoints\n    const typographyClasses = processVariants(variant);\n\n    // Get color styles\n    const colorClasses =\n      color && color === \"inherit\" ? \"inherit\" : color ? `text-${color}` : \"\";\n\n    const suggestedElement = React.useMemo(() => {\n      const baseVariant =\n        typeof variant === \"string\"\n          ? variant.split(\":\").pop()!\n          : Array.isArray(variant)\n            ? variant[0].split(\":\").pop()!\n            : \"body-default\";\n      return getElementFromVariant(baseVariant as TypographyKey);\n    }, [variant]);\n\n    const Component = (as || suggestedElement) as T;\n\n    return (\n      // @ts-expect-error TODO: figure this out\n      <Component\n        ref={ref}\n        className={`font-sans antialiased ${typographyClasses} ${colorClasses} ${\n          weight ? `!${fontWeight[weight]}` : \"\"\n        } ${className ?? \"\"}`}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n","import { Colors, Typography } from \"../types/tailwind\";\n\n// Generate safelist patterns for all color utilities so you can use any theme color variable in your code\nexport const generateSafelist = (colors: Colors, typography: Typography) => {\n  const colorNames = Object.keys(colors) as (keyof Colors)[];\n  const utilities = [\"bg\", \"text\", \"border\", \"ring\", \"divide\", \"outline\"];\n  const variants = [\"hover:\", \"focus:\", \"active:\", \"disabled:\"];\n\n  const safelist: string[] = [];\n\n  colorNames.forEach((colorName) => {\n    if (typeof colors[colorName] === \"object\") {\n      // Handle nested color objects (with number keys)\n      Object.keys(colors[colorName]).forEach((shade) => {\n        utilities.forEach((utility) => {\n          // Base utility\n          safelist.push(`${utility}-${colorName}-${shade}`);\n\n          // Variant utilities\n          variants.forEach((variant) => {\n            safelist.push(`${variant}${utility}-${colorName}-${shade}`);\n          });\n        });\n      });\n    } else {\n      // Handle direct color values\n      utilities.forEach((utility) => {\n        safelist.push(`${utility}-${colorName}`);\n\n        variants.forEach((variant) => {\n          safelist.push(`${variant}${utility}-${colorName}`);\n        });\n      });\n    }\n  });\n\n  // Generate typography classes\n  Object.entries(typography).forEach(([family, sizes]) => {\n    Object.keys(sizes).forEach((size) => {\n      // Base typography classes\n      safelist.push(`text-${family}-${size}`);\n\n      // Add variants\n      variants.forEach((variant) => {\n        safelist.push(`${variant}text-${family}-${size}`);\n      });\n    });\n  });\n\n  const breakpoints = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n  const typographyClasses = Object.entries(typography).flatMap(\n    ([category, sizes]) =>\n      Object.keys(sizes).map((size) => `text-${category}-${size}`)\n  );\n\n  // Generate responsive variants\n  const responsiveTypographyClasses = typographyClasses.flatMap((className) =>\n    breakpoints.map((breakpoint) => `${breakpoint}:${className}`)\n  );\n\n  return [\n    ...typographyClasses,\n    ...responsiveTypographyClasses\n    // ... rest of your safelist\n  ];\n};\n\nexport const focusRingStyles =\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\";\n\nexport const focusRingStylesCoerced = \"ring-2 ring-ring ring-offset-2\";\n","import * as React from \"react\";\nimport { Text } from \"./Text\";\nimport { focusRingStyles } from \"../utils/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type ButtonProps = {\n  /** @default filled */\n  variant?: \"filled\" | \"outlined\";\n  /** @default primary */\n  color?: \"black\" | \"accent\" | \"secondary\";\n  isLoading?: boolean;\n  children: React.ReactNode;\n  className?: string;\n  disabled?: boolean;\n  start?: React.ReactNode;\n  end?: React.ReactNode;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const filled = {\n  black: \"bg-text-primary text-white\",\n  // fade it slightly\n  accent: \"bg-primary-100 text-white\",\n  secondary: \"bg-secondary-100 text-secondary\"\n};\n\nexport const outlined = {\n  black: \"border border-text-primary text-text-primary\",\n  accent: \"border border-primary-100 text-primary-100\",\n  secondary: \"border border-text-secondary text-secondary\"\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = \"filled\",\n      color = \"black\",\n      isLoading = false,\n      children,\n      disabled,\n      ...props\n    },\n    ref\n  ) => (\n    <button\n      ref={ref}\n      className={cn(\n        `\n          sm:px-7 px-4\n          py-2\n          inline-flex items-center justify-center\n          rounded-lg \n          transition-colors duration-200\n          disabled:opacity-50 disabled:pointer-events-none\n          hover:opacity-80 active:scale-95 \n          truncate`,\n        focusRingStyles,\n        variant === \"filled\" ? filled[color] : outlined[color],\n        className\n      )}\n      disabled={disabled || isLoading}\n      type=\"button\"\n      {...props}\n    >\n      {typeof children === \"string\" ? (\n        <Text\n          variant={[\"sm:body-default-bold\", \"body-xxs-semibold\"]}\n          color=\"inherit\"\n        >\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n    </button>\n  )\n);\n\nButton.displayName = \"Button\";\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { focusRingStyles } from \"../utils/tailwind\";\n\nexport type PressableProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Pressable: React.FC<PressableProps> = ({\n  children,\n  type = \"button\",\n  className,\n  disabled,\n  ...props\n}) => (\n  <button\n    // eslint-disable-next-line react/butt on-has-type\n    type={type}\n    disabled={disabled}\n    className={`appearance-none hover:opacity-80 transition-all active:scale-95 ${focusRingStyles} ${className} ${disabled ? \"opacity-50 cursor-not-allowed\" : \"\"}`}\n    {...props}\n  >\n    {children}\n  </button>\n);\n","import React from \"react\";\nimport { cn } from \"../utils\";\nimport { outlined } from \"./Button\";\nimport { Icon } from \"./Icon\";\nimport { Pressable } from \"./Pressable\";\n\nexport type EditButtonProps = {\n  className?: string;\n  onClick?: () => void;\n};\n\nexport const EditButton = ({ className, onClick }: EditButtonProps) => {\n  return (\n    <Pressable\n      className={cn(\n        \"absolute lg:top-10 md:top-8 top-4 lg:right-10 md:right-8 right-4 lg:px-2 lg:py-2 px-1 py-1 rounded-lg\",\n        outlined.black,\n        className\n      )}\n      onClick={onClick}\n    >\n      <Icon color=\"primary\" name=\"edit-2\" />\n    </Pressable>\n  );\n};\n\nEditButton.displayName = \"EditButton\";\n"]}

package/dist/components/Icon.cjs

@@ -1,2 +1,2 @@
-'use strict';var m=require('react'),icons=require('@deckai/icons'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var m__default=/*#__PURE__*/_interopDefault(m);function c(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var d={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},y={sm:"@media (min-width: 640px)",md:"@media (min-width: 768px)",lg:"@media (min-width: 1024px)",xl:"@media (min-width: 1280px)","2xl":"@media (min-width: 1536px)"},S=e=>{if(!e)return {width:"24px",height:"24px"};let t=Array.isArray(e)?e:[e],i=typeof t[0]=="number"?t[0]:24,n={width:`${i}px`,height:`${i}px`},o=t.filter(r=>typeof r=="string"&&r.includes(":")).reduce((r,a)=>{let[p,s]=a.split(":");return r[y[p]]={width:`${s}px`,height:`${s}px`},r},{});return Object.keys(o).length>0&&(n["@media"]=o),n},h=m__default.default.forwardRef(({name:e,size:t=24,color:i="primary",title:n,className:o,style:r={},...a},p)=>{let s=icons.IconMap[e],l=S(t);return m__default.default.createElement("div",{className:c("flex justify-center items-center",o),style:{...l,"--icon-stroke":d[i],...r}},m__default.default.createElement(s,{ref:p,"aria-hidden":!n,"aria-label":n,stroke:e.includes("filled")?void 0:d[i],...a}))});h.displayName="Icon";if (exports.default) module.exports = exports.default;exports.Icon=h;//# sourceMappingURL=Icon.cjs.map
+'use strict';var a=require('react'),icons=require('@deckai/icons'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var a__default=/*#__PURE__*/_interopDefault(a);function c(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var l={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},S={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},y=e=>{if(!e)return {width:"24px",height:"24px"};let s=Array.isArray(e)?e:[e],n={},o;return s.forEach(r=>{if(typeof r=="number")o=`${r}px`;else {let[i,t]=r.split(":"),p=parseInt(t,10);n[`@media (min-width: ${S[i]})`]=`${p}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(n).reduce((r,[i,t])=>({...r,[i]:{width:t,height:t}}),{})}},g=a__default.default.forwardRef(({name:e,size:s=24,color:n="primary",title:o,className:r,style:i={},...t},p)=>{let m=icons.IconMap[e],d=y(s);return a__default.default.createElement("div",{className:c("flex justify-center items-center",r),style:{...d,"--icon-stroke":l[n],...i}},a__default.default.createElement(m,{ref:p,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:l[n],...t}))});g.displayName="Icon";if (exports.default) module.exports = exports.default;exports.Icon=g;//# sourceMappingURL=Icon.cjs.map
 //# sourceMappingURL=Icon.cjs.map

package/dist/components/Icon.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","baseSize","style","mediaQueries","size","acc","breakpoint","value","Icon","React","name","color","title","className","props","ref","IconComponent","IconMap","sizeStyles"],"mappings":"gPAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAAA,CAAQC,SAAKF,CAAAA,CAAM,CAAC,CAC7B,CCWA,IAAMG,CAAwC,CAAA,CAC5C,QAAS,SACT,CAAA,SAAA,CAAW,SACX,CAAA,KAAA,CAAO,SACP,CAAA,WAAA,CAAa,SACf,CAAA,CAKMC,CAA6C,CAAA,CACjD,EAAI,CAAA,2BAAA,CACJ,EAAI,CAAA,2BAAA,CACJ,GAAI,4BACJ,CAAA,EAAA,CAAI,4BACJ,CAAA,KAAA,CAAO,4BACT,CAAA,CAEMC,CACJC,CAAAA,CAAAA,EACwB,CACxB,GAAI,CAACA,CAAAA,CAAO,OAAO,CAAE,MAAO,MAAQ,CAAA,MAAA,CAAQ,MAAO,CAAA,CAEnD,IAAMC,CAAAA,CAAY,KAAM,CAAA,OAAA,CAAQD,CAAK,CAAA,CAAIA,CAAQ,CAAA,CAACA,CAAK,CAAA,CACjDE,EAAW,OAAOD,CAAAA,CAAU,CAAC,CAAA,EAAM,QAAWA,CAAAA,CAAAA,CAAU,CAAC,CAAA,CAAI,EAE7DE,CAAAA,CAAAA,CAA6B,CACjC,KAAA,CAAO,CAAGD,EAAAA,CAAQ,KAClB,MAAQ,CAAA,CAAA,EAAGA,CAAQ,CAAA,EAAA,CACrB,CAGME,CAAAA,CAAAA,CAAeH,CAClB,CAAA,MAAA,CACEI,CACC,EAAA,OAAOA,CAAS,EAAA,QAAA,EAAYA,CAAK,CAAA,QAAA,CAAS,GAAG,CACjD,CAAA,CACC,MACC,CAAA,CAACC,CAAKD,CAAAA,CAAAA,GAAS,CACb,GAAM,CAACE,CAAAA,CAAYC,CAAK,CAAA,CAAIH,CAAK,CAAA,KAAA,CAAM,GAAG,CAC1C,CAAA,OAAAC,CAAIR,CAAAA,CAAAA,CAAeS,CAAU,CAAC,CAAI,CAAA,CAChC,KAAO,CAAA,CAAA,EAAGC,CAAK,CAAA,EAAA,CAAA,CACf,MAAQ,CAAA,CAAA,EAAGA,CAAK,CAClB,EAAA,CAAA,CAAA,CACOF,CACT,CAAA,CACA,EACF,CAEF,CAAA,OAAI,MAAO,CAAA,IAAA,CAAKF,CAAY,CAAA,CAAE,MAAS,CAAA,CAAA,GACpCD,EAAc,QAAQ,CAAA,CAAIC,CAGtBD,CAAAA,CAAAA,CACT,CAEaM,CAAAA,CAAAA,CAAOC,kBAAM,CAAA,UAAA,CACxB,CACE,CACE,IAAAC,CAAAA,CAAAA,CACA,IAAAN,CAAAA,CAAAA,CAAO,GACP,KAAAO,CAAAA,CAAAA,CAAQ,SACR,CAAA,KAAA,CAAAC,CACA,CAAA,SAAA,CAAAC,CACA,CAAA,KAAA,CAAAX,CAAQ,CAAA,EACR,CAAA,GAAGY,CACL,CAAA,CACAC,IACG,CACH,IAAMC,CAAgBC,CAAAA,aAAAA,CAAQP,CAAI,CAAA,CAC5BQ,CAAapB,CAAAA,CAAAA,CAAaM,CAAI,CAAA,CAEpC,OACEK,kBAAAA,CAAA,aAAC,CAAA,KAAA,CAAA,CACC,UAAWjB,CAAG,CAAA,kCAAA,CAAoCqB,CAAS,CAAA,CAC3D,KAAO,CAAA,CACL,GAAGK,CAAAA,CACF,eAA4BtB,CAAAA,CAAAA,CAAUe,CAAK,CAAA,CAC5C,GAAGT,CACL,GAEAO,kBAAA,CAAA,aAAA,CAACO,CAAA,CAAA,CACC,GAAKD,CAAAA,CAAAA,CACL,aAAa,CAAA,CAACH,CACd,CAAA,YAAA,CAAYA,CACZ,CAAA,MAAA,CAAQF,CAAK,CAAA,QAAA,CAAS,QAAQ,CAAI,CAAA,KAAA,CAAA,CAAYd,CAAUe,CAAAA,CAAK,CAC5D,CAAA,GAAGG,CACN,CAAA,CACF,CAEJ,CACF,EAEAN,CAAAA,CAAK,WAAc,CAAA,MAAA","file":"Icon.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: number | `${Breakpoint}:${number}`;\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"@media (min-width: 640px)\",\n  md: \"@media (min-width: 768px)\",\n  lg: \"@media (min-width: 1024px)\",\n  xl: \"@media (min-width: 1280px)\",\n  \"2xl\": \"@media (min-width: 1536px)\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const baseSize = typeof sizeArray[0] === \"number\" ? sizeArray[0] : 24;\n\n  const style: React.CSSProperties = {\n    width: `${baseSize}px`,\n    height: `${baseSize}px`\n  };\n\n  // Add media queries for responsive sizes\n  const mediaQueries = sizeArray\n    .filter(\n      (size): size is `${Breakpoint}:${number}` =>\n        typeof size === \"string\" && size.includes(\":\")\n    )\n    .reduce(\n      (acc, size) => {\n        const [breakpoint, value] = size.split(\":\") as [Breakpoint, string];\n        acc[BREAKPOINT_MAP[breakpoint]] = {\n          width: `${value}px`,\n          height: `${value}px`\n        };\n        return acc;\n      },\n      {} as Record<string, React.CSSProperties>\n    );\n\n  if (Object.keys(mediaQueries).length > 0) {\n    (style as any)[\"@media\"] = mediaQueries;\n  }\n\n  return style;\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n"]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles"],"mappings":"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","file":"Icon.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n"]}

package/dist/components/Icon.d.cts

@@ -1,18 +1,19 @@
 import React__default, { SVGProps } from 'react';
 import { IconName } from '@deckai/icons';
-import { I as IconColors } from '../tailwind-DJFscIlV.cjs';
+import { I as IconColors } from '../tailwind-CIZ10fKA.cjs';
 
+type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
+type ResponsiveSize = number | `${Breakpoint}:${number}`;
 type IconProps = {
     name: IconName;
     /** @default 24 */
-    size?: number | `${Breakpoint}:${number}`;
+    size?: ResponsiveSize | ResponsiveSize[];
     /** @default primary */
     color?: IconColors;
     title?: string;
     className?: string;
     style?: React__default.CSSProperties;
 } & Omit<SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label">;
-type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
 declare const Icon: React__default.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
 
 export { Icon, type IconProps };

package/dist/components/Icon.d.ts

@@ -1,18 +1,19 @@
 import React__default, { SVGProps } from 'react';
 import { IconName } from '@deckai/icons';
-import { I as IconColors } from '../tailwind-DJFscIlV.js';
+import { I as IconColors } from '../tailwind-CIZ10fKA.js';
 
+type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
+type ResponsiveSize = number | `${Breakpoint}:${number}`;
 type IconProps = {
     name: IconName;
     /** @default 24 */
-    size?: number | `${Breakpoint}:${number}`;
+    size?: ResponsiveSize | ResponsiveSize[];
     /** @default primary */
     color?: IconColors;
     title?: string;
     className?: string;
     style?: React__default.CSSProperties;
 } & Omit<SVGProps<SVGSVGElement>, "aria-hidden" | "aria-label">;
-type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
 declare const Icon: React__default.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
 
 export { Icon, type IconProps };

package/dist/components/Icon.js

@@ -1,2 +1,2 @@
-import m from'react';import {IconMap}from'@deckai/icons';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function c(...e){return twMerge(clsx(e))}var d={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},y={sm:"@media (min-width: 640px)",md:"@media (min-width: 768px)",lg:"@media (min-width: 1024px)",xl:"@media (min-width: 1280px)","2xl":"@media (min-width: 1536px)"},S=e=>{if(!e)return {width:"24px",height:"24px"};let t=Array.isArray(e)?e:[e],i=typeof t[0]=="number"?t[0]:24,n={width:`${i}px`,height:`${i}px`},o=t.filter(r=>typeof r=="string"&&r.includes(":")).reduce((r,a)=>{let[p,s]=a.split(":");return r[y[p]]={width:`${s}px`,height:`${s}px`},r},{});return Object.keys(o).length>0&&(n["@media"]=o),n},h=m.forwardRef(({name:e,size:t=24,color:i="primary",title:n,className:o,style:r={},...a},p)=>{let s=IconMap[e],l=S(t);return m.createElement("div",{className:c("flex justify-center items-center",o),style:{...l,"--icon-stroke":d[i],...r}},m.createElement(s,{ref:p,"aria-hidden":!n,"aria-label":n,stroke:e.includes("filled")?void 0:d[i],...a}))});h.displayName="Icon";if (exports.default) module.exports = exports.default;export{h as Icon};//# sourceMappingURL=Icon.js.map
+import a from'react';import {IconMap}from'@deckai/icons';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function c(...e){return twMerge(clsx(e))}var l={primary:"#080808",secondary:"#666666",white:"#ffffff",primaryBlue:"#089CCB"},S={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},y=e=>{if(!e)return {width:"24px",height:"24px"};let s=Array.isArray(e)?e:[e],n={},o;return s.forEach(r=>{if(typeof r=="number")o=`${r}px`;else {let[i,t]=r.split(":"),p=parseInt(t,10);n[`@media (min-width: ${S[i]})`]=`${p}px`;}}),{width:o||"24px",height:o||"24px",...Object.entries(n).reduce((r,[i,t])=>({...r,[i]:{width:t,height:t}}),{})}},g=a.forwardRef(({name:e,size:s=24,color:n="primary",title:o,className:r,style:i={},...t},p)=>{let m=IconMap[e],d=y(s);return a.createElement("div",{className:c("flex justify-center items-center",r),style:{...d,"--icon-stroke":l[n],...i}},a.createElement(m,{ref:p,"aria-hidden":!o,"aria-label":o,stroke:e.includes("filled")?void 0:l[n],...t}))});g.displayName="Icon";if (exports.default) module.exports = exports.default;export{g as Icon};//# sourceMappingURL=Icon.js.map
 //# sourceMappingURL=Icon.js.map

package/dist/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","baseSize","style","mediaQueries","size","acc","breakpoint","value","Icon","React","name","color","title","className","props","ref","IconComponent","IconMap","sizeStyles"],"mappings":"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","file":"Icon.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: number | `${Breakpoint}:${number}`;\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"@media (min-width: 640px)\",\n  md: \"@media (min-width: 768px)\",\n  lg: \"@media (min-width: 1024px)\",\n  xl: \"@media (min-width: 1280px)\",\n  \"2xl\": \"@media (min-width: 1536px)\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const baseSize = typeof sizeArray[0] === \"number\" ? sizeArray[0] : 24;\n\n  const style: React.CSSProperties = {\n    width: `${baseSize}px`,\n    height: `${baseSize}px`\n  };\n\n  // Add media queries for responsive sizes\n  const mediaQueries = sizeArray\n    .filter(\n      (size): size is `${Breakpoint}:${number}` =>\n        typeof size === \"string\" && size.includes(\":\")\n    )\n    .reduce(\n      (acc, size) => {\n        const [breakpoint, value] = size.split(\":\") as [Breakpoint, string];\n        acc[BREAKPOINT_MAP[breakpoint]] = {\n          width: `${value}px`,\n          height: `${value}px`\n        };\n        return acc;\n      },\n      {} as Record<string, React.CSSProperties>\n    );\n\n  if (Object.keys(mediaQueries).length > 0) {\n    (style as any)[\"@media\"] = mediaQueries;\n  }\n\n  return style;\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n"]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Icon.tsx"],"names":["cn","inputs","twMerge","clsx","COLOR_MAP","BREAKPOINT_MAP","processSizes","sizes","sizeArray","mediaQueries","baseSize","size","breakpoint","valueStr","value","acc","query","Icon","React","name","color","title","className","style","props","ref","IconComponent","IconMap","sizeStyles"],"mappings":"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","file":"Icon.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React, { SVGProps } from \"react\";\nimport { IconName, IconMap } from \"@deckai/icons\";\nimport { IconColors } from \"../types/tailwind\";\nimport { cn } from \"../utils\";\n\ntype Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\ntype ResponsiveSize = number | `${Breakpoint}:${number}`;\n\nexport type IconProps = {\n  name: IconName;\n  /** @default 24 */\n  size?: ResponsiveSize | ResponsiveSize[];\n  /** @default primary */\n  color?: IconColors;\n  title?: string;\n  className?: string;\n  style?: React.CSSProperties;\n} & Omit<SVGProps<SVGSVGElement>, \"aria-hidden\" | \"aria-label\">;\n\nconst COLOR_MAP: Record<IconColors, string> = {\n  primary: \"#080808\",\n  secondary: \"#666666\",\n  white: \"#ffffff\",\n  primaryBlue: \"#089CCB\"\n};\n\nconst BREAKPOINT_MAP: Record<Breakpoint, string> = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  \"2xl\": \"1536px\"\n};\n\nconst processSizes = (\n  sizes: ResponsiveSize | ResponsiveSize[] | undefined\n): React.CSSProperties => {\n  if (!sizes) return { width: \"24px\", height: \"24px\" };\n\n  const sizeArray = Array.isArray(sizes) ? sizes : [sizes];\n  const mediaQueries: Record<string, string> = {};\n  let baseSize: string | undefined;\n\n  // Process each size\n  sizeArray.forEach((size) => {\n    if (typeof size === \"number\") {\n      baseSize = `${size}px`;\n    } else {\n      const [breakpoint, valueStr] = size.split(\":\") as [Breakpoint, string];\n      const value = parseInt(valueStr, 10);\n      mediaQueries[`@media (min-width: ${BREAKPOINT_MAP[breakpoint]})`] =\n        `${value}px`;\n    }\n  });\n\n  // Create the style object with the correct structure\n  return {\n    width: baseSize || \"24px\",\n    height: baseSize || \"24px\",\n    ...Object.entries(mediaQueries).reduce(\n      (acc, [query, size]) => ({\n        ...acc,\n        [query]: {\n          width: size,\n          height: size\n        }\n      }),\n      {}\n    )\n  };\n};\n\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  (\n    {\n      name,\n      size = 24,\n      color = \"primary\",\n      title,\n      className,\n      style = {},\n      ...props\n    },\n    ref\n  ) => {\n    const IconComponent = IconMap[name];\n    const sizeStyles = processSizes(size);\n\n    return (\n      <div\n        className={cn(\"flex justify-center items-center\", className)}\n        style={{\n          ...sizeStyles,\n          [\"--icon-stroke\" as string]: COLOR_MAP[color],\n          ...style\n        }}\n      >\n        <IconComponent\n          ref={ref}\n          aria-hidden={!title}\n          aria-label={title}\n          stroke={name.includes(\"filled\") ? undefined : COLOR_MAP[color]}\n          {...props}\n        />\n      </div>\n    );\n  }\n);\n\nIcon.displayName = \"Icon\";\n"]}

package/dist/components/IconRenderer.cjs

@@ -0,0 +1,2 @@
+'use strict';var o=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var o__default=/*#__PURE__*/_interopDefault(o);var u=({icon:t,size:r=40,className:n})=>{let s=o.useMemo(()=>{let e=new DOMParser().parseFromString(t,"image/svg+xml").querySelector("svg");if(!e)return null;e.setAttribute("width","100%"),e.setAttribute("height","100%"),e.setAttribute("preserveAspectRatio","xMidYMid meet");let i=e.getAttribute("viewBox")||"0 0 40 40";return e.setAttribute("viewBox",i),e.outerHTML},[t]);return s?o__default.default.createElement("div",{style:{width:r,height:r,display:"flex",alignItems:"center",justifyContent:"center"},className:n,dangerouslySetInnerHTML:{__html:s}}):null};u.displayName="IconRenderer";if (exports.default) module.exports = exports.default;exports.IconRenderer=u;//# sourceMappingURL=IconRenderer.cjs.map
+//# sourceMappingURL=IconRenderer.cjs.map

package/dist/components/IconRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/IconRenderer.tsx"],"names":["IconRenderer","icon","size","className","sanitizedSvg","useMemo","svg","viewBox","React"],"mappings":"wJAQaA,CAAe,CAAA,CAAC,CAC3B,IAAA,CAAAC,CACA,CAAA,IAAA,CAAAC,EAAO,EACP,CAAA,SAAA,CAAAC,CACF,CAAyB,GAAA,CACvB,IAAMC,CAAeC,CAAAA,SAAAA,CAAQ,IAAM,CAGjC,IAAMC,CAAAA,CAFS,IAAI,SAAU,EAAA,CACV,gBAAgBL,CAAM,CAAA,eAAe,EACxC,aAAc,CAAA,KAAK,CAEnC,CAAA,GAAI,CAACK,CAAAA,CAAK,OAAO,IAGjBA,CAAAA,CAAAA,CAAI,YAAa,CAAA,OAAA,CAAS,MAAM,CAAA,CAChCA,EAAI,YAAa,CAAA,QAAA,CAAU,MAAM,CAAA,CACjCA,CAAI,CAAA,YAAA,CAAa,sBAAuB,eAAe,CAAA,CAGvD,IAAMC,CAAUD,CAAAA,CAAAA,CAAI,aAAa,SAAS,CAAA,EAAK,WAC/C,CAAA,OAAAA,CAAI,CAAA,YAAA,CAAa,UAAWC,CAAO,CAAA,CAE5BD,CAAI,CAAA,SACb,CAAG,CAAA,CAACL,CAAI,CAAC,CAAA,CAET,OAAKG,CAAAA,CAGHI,kBAAA,CAAA,aAAA,CAAC,OACC,KAAO,CAAA,CACL,MAAON,CACP,CAAA,MAAA,CAAQA,EACR,OAAS,CAAA,MAAA,CACT,UAAY,CAAA,QAAA,CACZ,cAAgB,CAAA,QAClB,EACA,SAAWC,CAAAA,CAAAA,CACX,uBAAyB,CAAA,CAAE,MAAQC,CAAAA,CAAa,EAClD,CAbwB,CAAA,IAe5B,EAEAJ,CAAAA,CAAa,WAAc,CAAA,cAAA","file":"IconRenderer.cjs","sourcesContent":["import React, { useMemo } from \"react\";\n\nexport type IconRendererProps = {\n  icon: string;\n  size?: number;\n  className?: string;\n};\n\nexport const IconRenderer = ({\n  icon,\n  size = 40,\n  className\n}: IconRendererProps) => {\n  const sanitizedSvg = useMemo(() => {\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(icon, \"image/svg+xml\");\n    const svg = doc.querySelector(\"svg\");\n\n    if (!svg) return null;\n\n    // Set size attributes but preserve aspect ratio\n    svg.setAttribute(\"width\", \"100%\");\n    svg.setAttribute(\"height\", \"100%\");\n    svg.setAttribute(\"preserveAspectRatio\", \"xMidYMid meet\");\n\n    // Get the original viewBox or use the default\n    const viewBox = svg.getAttribute(\"viewBox\") || \"0 0 40 40\";\n    svg.setAttribute(\"viewBox\", viewBox);\n\n    return svg.outerHTML;\n  }, [icon]);\n\n  if (!sanitizedSvg) return null;\n\n  return (\n    <div\n      style={{\n        width: size,\n        height: size,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\"\n      }}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: sanitizedSvg }}\n    />\n  );\n};\n\nIconRenderer.displayName = \"IconRenderer\";\n"]}

package/dist/components/IconRenderer.d.cts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+type IconRendererProps = {
+    icon: string;
+    size?: number;
+    className?: string;
+};
+declare const IconRenderer: {
+    ({ icon, size, className }: IconRendererProps): React__default.JSX.Element | null;
+    displayName: string;
+};
+
+export { IconRenderer, type IconRendererProps };

package/dist/components/IconRenderer.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+type IconRendererProps = {
+    icon: string;
+    size?: number;
+    className?: string;
+};
+declare const IconRenderer: {
+    ({ icon, size, className }: IconRendererProps): React__default.JSX.Element | null;
+    displayName: string;
+};
+
+export { IconRenderer, type IconRendererProps };

package/dist/components/IconRenderer.js

@@ -0,0 +1,2 @@
+import o,{useMemo}from'react';var u=({icon:t,size:r=40,className:n})=>{let s=useMemo(()=>{let e=new DOMParser().parseFromString(t,"image/svg+xml").querySelector("svg");if(!e)return null;e.setAttribute("width","100%"),e.setAttribute("height","100%"),e.setAttribute("preserveAspectRatio","xMidYMid meet");let i=e.getAttribute("viewBox")||"0 0 40 40";return e.setAttribute("viewBox",i),e.outerHTML},[t]);return s?o.createElement("div",{style:{width:r,height:r,display:"flex",alignItems:"center",justifyContent:"center"},className:n,dangerouslySetInnerHTML:{__html:s}}):null};u.displayName="IconRenderer";if (exports.default) module.exports = exports.default;export{u as IconRenderer};//# sourceMappingURL=IconRenderer.js.map
+//# sourceMappingURL=IconRenderer.js.map

package/dist/components/IconRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/IconRenderer.tsx"],"names":["IconRenderer","icon","size","className","sanitizedSvg","useMemo","svg","viewBox","React"],"mappings":"kCAQaA,CAAe,CAAA,CAAC,CAC3B,IAAA,CAAAC,CACA,CAAA,IAAA,CAAAC,EAAO,EACP,CAAA,SAAA,CAAAC,CACF,CAAyB,GAAA,CACvB,IAAMC,CAAeC,CAAAA,OAAAA,CAAQ,IAAM,CAGjC,IAAMC,CAAAA,CAFS,IAAI,SAAU,EAAA,CACV,gBAAgBL,CAAM,CAAA,eAAe,EACxC,aAAc,CAAA,KAAK,CAEnC,CAAA,GAAI,CAACK,CAAAA,CAAK,OAAO,IAGjBA,CAAAA,CAAAA,CAAI,YAAa,CAAA,OAAA,CAAS,MAAM,CAAA,CAChCA,EAAI,YAAa,CAAA,QAAA,CAAU,MAAM,CAAA,CACjCA,CAAI,CAAA,YAAA,CAAa,sBAAuB,eAAe,CAAA,CAGvD,IAAMC,CAAUD,CAAAA,CAAAA,CAAI,aAAa,SAAS,CAAA,EAAK,WAC/C,CAAA,OAAAA,CAAI,CAAA,YAAA,CAAa,UAAWC,CAAO,CAAA,CAE5BD,CAAI,CAAA,SACb,CAAG,CAAA,CAACL,CAAI,CAAC,CAAA,CAET,OAAKG,CAAAA,CAGHI,CAAA,CAAA,aAAA,CAAC,OACC,KAAO,CAAA,CACL,MAAON,CACP,CAAA,MAAA,CAAQA,EACR,OAAS,CAAA,MAAA,CACT,UAAY,CAAA,QAAA,CACZ,cAAgB,CAAA,QAClB,EACA,SAAWC,CAAAA,CAAAA,CACX,uBAAyB,CAAA,CAAE,MAAQC,CAAAA,CAAa,EAClD,CAbwB,CAAA,IAe5B,EAEAJ,CAAAA,CAAa,WAAc,CAAA,cAAA","file":"IconRenderer.js","sourcesContent":["import React, { useMemo } from \"react\";\n\nexport type IconRendererProps = {\n  icon: string;\n  size?: number;\n  className?: string;\n};\n\nexport const IconRenderer = ({\n  icon,\n  size = 40,\n  className\n}: IconRendererProps) => {\n  const sanitizedSvg = useMemo(() => {\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(icon, \"image/svg+xml\");\n    const svg = doc.querySelector(\"svg\");\n\n    if (!svg) return null;\n\n    // Set size attributes but preserve aspect ratio\n    svg.setAttribute(\"width\", \"100%\");\n    svg.setAttribute(\"height\", \"100%\");\n    svg.setAttribute(\"preserveAspectRatio\", \"xMidYMid meet\");\n\n    // Get the original viewBox or use the default\n    const viewBox = svg.getAttribute(\"viewBox\") || \"0 0 40 40\";\n    svg.setAttribute(\"viewBox\", viewBox);\n\n    return svg.outerHTML;\n  }, [icon]);\n\n  if (!sanitizedSvg) return null;\n\n  return (\n    <div\n      style={{\n        width: size,\n        height: size,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\"\n      }}\n      className={className}\n      dangerouslySetInnerHTML={{ __html: sanitizedSvg }}\n    />\n  );\n};\n\nIconRenderer.displayName = \"IconRenderer\";\n"]}

package/dist/components/Illustration.cjs

@@ -0,0 +1,50 @@
+'use strict';var s=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var s__default=/*#__PURE__*/_interopDefault(s);function e(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var p=({className:t,src:i=n})=>s__default.default.createElement("div",{className:e("lg:w-[150px] lg:h-[150px] md:w-[100px] md:h-[100px] w-[150px] h-[150px]",t)},i),n=`
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150" fill="none">
+  <path d="M13.5135 116.732C13.994 107.975 20.208 100.58 28.605 98.665C36.5925 96.8435 44.9885 100.338 49.436 107.38C50.9125 102.507 53.3995 99.942 54.9625 98.665C62.411 92.579 75.7885 93.725 87.6965 102.279C88.5765 101.658 93.658 98.202 100.45 99.5155C107.749 100.928 111.217 106.726 111.715 107.592C118.282 105.741 124.23 107.743 126.169 111.631C126.534 112.362 127.288 114.224 126.594 117.157C88.901 117.015 51.2075 116.873 13.5135 116.732Z" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M25.417 114.963C25.417 114.963 9.04999 111.569 12.026 88.432C27.6845 94.2725 29.456 114.963 29.456 114.963" fill="white"/>
+  <path d="M25.417 114.963C25.417 114.963 9.04999 111.569 12.026 88.432C27.6845 94.2725 29.456 114.963 29.456 114.963" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22.866 82.6535C22.639 82.484 19.1815 110.219 29.668 115.601L33.3525 116.094C33.3525 116.094 33.7775 90.801 22.866 82.6535Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22.866 82.6536C22.866 82.6536 28.109 112.977 31.7225 115.173" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M41.9965 92.9969C41.9965 92.9969 30.4475 98.033 31.156 114.963C35.478 116.093 37.2495 116.093 37.2495 116.093C37.2495 116.093 45.8225 102.774 41.9965 92.9969Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M41.9965 92.9969C41.9965 92.9969 37.6745 109.717 33.636 115.172" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M58.3101 88.432H83.0836V114.859H58.3101V88.432Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M55.5341 88.432H80.3076V114.859H55.5341V88.432Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M146.174 114.869H5.88503C5.88503 114.869 -8.59247 126.721 39.233 124.383C50.711 133.522 111.929 138.181 114.267 122.355C122.769 126.083 145.985 128.736 146.174 114.869ZM129.371 103.539C129.371 103.539 130.965 107.645 132.086 106.998C133.207 106.351 139.748 102.146 139.748 102.146C139.748 102.146 139.17 100.604 137.717 100.561C136.263 100.517 131.804 101.002 131.804 101.002C131.804 101.002 129.737 102.197 129.371 103.539Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M130.391 100.469C130.412 100.689 130.303 100.909 130.237 101.041C129.967 101.742 129.55 102.443 128.972 102.954L129.458 103.22C130.287 102.861 130.896 102.151 131.488 101.414L130.391 100.469Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M130.237 101.041C130.303 100.909 130.412 100.689 130.391 100.469L129.229 99.468L126.571 101.641L128.972 102.953C129.55 102.443 129.967 101.742 130.237 101.041Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M90.3895 118.016C90.3895 118.016 89.8095 122.382 91.1035 122.355C92.3975 122.328 100.155 121.792 100.155 121.792C100.155 121.792 100.39 120.162 99.138 119.423C97.885 118.685 93.743 116.964 93.743 116.964C93.743 116.964 91.3565 117.016 90.3895 118.016Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M89.5551 115.6L90.7096 118.019C91.6426 117.746 92.7896 117.84 93.6601 117.469L93.1456 114.859C92.0151 115.398 90.8306 115.788 89.5551 115.6Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M93.1454 114.859L92.7744 112.976L88.8774 114.181L89.5549 115.6C90.8304 115.787 92.0149 115.398 93.1454 114.859Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M81.013 44.033C81.013 44.033 93.436 65.437 94.853 69.9715L89.716 70.9635C89.716 70.9635 84.8995 64.254 83.4455 60.5135C80.4185 52.727 79.5235 44.3835 81.013 44.033Z" fill="#089CCB" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M81.17 44.2764C76.2185 36.4604 71.306 41.2549 70.2905 42.7654C69.275 44.2764 61.233 69.1724 65.059 72.3349C68.885 75.4974 87.1295 70.9864 87.1295 70.9864C87.1295 70.9864 86.1255 63.8054 84.574 56.4564" fill="#089CCB"/>
+  <path d="M81.17 44.2764C76.2185 36.4604 71.306 41.2549 70.2905 42.7654C69.275 44.2764 61.233 69.1724 65.059 72.3349C68.885 75.4974 87.1295 70.9864 87.1295 70.9864C87.1295 70.9864 86.1255 63.8054 84.574 56.4564" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M84.2955 70.5031C84.2955 70.5031 100.556 66.9416 105.87 72.3356C111.184 77.7296 129.889 99.6216 129.889 99.6216C129.889 99.6216 129.783 102.279 127.87 102.172C123.087 102.172 99.387 85.8061 98.1115 81.6616C93.01 84.6371 85.1455 87.7191 80.894 85.1686" fill="white"/>
+  <path d="M84.2955 70.5031C84.2955 70.5031 100.556 66.9416 105.87 72.3356C111.184 77.7296 129.889 99.6216 129.889 99.6216C129.889 99.6216 129.783 102.279 127.87 102.172C123.087 102.172 99.387 85.8061 98.1115 81.6616C93.01 84.6371 85.1455 87.7191 80.894 85.1686" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M75.3825 83.043C75.3825 83.043 82.595 104.935 88.334 114.712C90.247 115.775 93.8605 113.118 93.8605 113.118C93.8605 113.118 91.31 76.6665 86.308 69.06C81.306 61.4535 71.198 71.5655 71.198 71.5655L65.0585 72.335C65.0585 72.335 58.2565 81.7795 64.6335 86.29C71.0105 90.8005 76.7295 86.9925 76.7295 86.9925M87.8385 44.4425C87.8385 44.4425 90.153 39.0815 91.074 37.83C91.995 36.5785 93.8845 37.1295 94.215 38.578C94.5455 40.0265 93.1285 42.3215 93.176 42.4255C93.223 42.5295 94.0025 42.4825 94.026 43.309C94.0495 44.1355 92.5145 43.805 91.7585 44.4425C91.0025 45.08 90.2235 45.954 90.2235 45.954C90.2235 45.954 87.744 45.3215 87.8385 44.4425Z" fill="white"/>
+  <path d="M75.3825 83.043C75.3825 83.043 82.595 104.935 88.334 114.712C90.247 115.775 93.8605 113.118 93.8605 113.118C93.8605 113.118 91.31 76.6665 86.308 69.06C81.306 61.4535 71.198 71.5655 71.198 71.5655L65.0585 72.335C65.0585 72.335 58.2565 81.7795 64.6335 86.29C71.0105 90.8005 76.7295 86.9925 76.7295 86.9925M87.8385 44.4425C87.8385 44.4425 90.153 39.0815 91.074 37.83C91.995 36.5785 93.8845 37.1295 94.215 38.578C94.5455 40.0265 93.1285 42.3215 93.176 42.4255C93.223 42.5295 94.0025 42.4825 94.026 43.309C94.0495 44.1355 92.5145 43.805 91.7585 44.4425C91.0025 45.08 90.2235 45.954 90.2235 45.954C90.2235 45.954 87.744 45.3215 87.8385 44.4425Z" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M74.0931 42.426C75.4621 42.361 80.8951 55.377 80.8951 55.377C80.8951 55.377 83.8711 48.5045 87.4846 43.616C89.1141 43.191 91.1691 45.458 91.1691 45.458C91.1691 45.458 87.0596 66.429 81.5196 66.237C75.9796 66.045 70.3386 51.622 70.3386 51.622" fill="#089CCB"/>
+  <path d="M74.0931 42.426C75.4621 42.361 80.8951 55.377 80.8951 55.377C80.8951 55.377 83.8711 48.5045 87.4846 43.616C89.1141 43.191 91.1691 45.458 91.1691 45.458C91.1691 45.458 87.0596 66.429 81.5196 66.237C75.9796 66.045 70.3386 51.622 70.3386 51.622" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M77.6826 42.388V38.1845C77.6826 38.1845 83.5871 39.1765 82.3116 35.209C81.0361 31.2415 76.1711 25.5265 74.2816 26.046C72.3921 26.5655 69.7216 30.4385 71.0566 33.603C72.3916 36.7675 73.1006 37.1455 73.1476 38.1845C73.1946 39.2235 73.5726 40.8295 73.5726 40.8295C73.5726 40.8295 75.3496 42.7135 77.6826 42.388Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M71.873 37.1925C71.873 37.1925 74.4 36.9325 74.3765 35.4215C74.353 33.91 73.1485 32.8 74.046 32.304C74.9435 31.808 75.5575 33.461 76.0535 33.485C76.5495 33.5085 76.595 33.0125 76.595 33.0125C76.595 33.0125 74.92 30.509 75.3215 30.037C75.723 29.565 79.3365 28.124 78.2975 26.4C77.2585 24.676 74.117 23.7785 73.1015 24.676C72.086 25.5735 71.8735 27.368 71.8735 27.368C71.8735 27.368 69.2045 26.494 69.063 28.832C68.9215 31.17 69.6535 31.0045 69.6535 31.0045C69.6535 31.0045 67.646 33.9565 69.252 34.594C70.858 35.2315 71.401 35.1845 71.401 35.1845C71.401 35.1845 70.6685 37.1215 71.873 37.1925Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M133.231 100.182C133.292 100.454 133.169 100.73 133.114 101.004C133.059 101.278 133.117 101.628 133.379 101.725C133.564 101.794 133.78 101.693 133.897 101.533C134.013 101.373 134.048 101.168 134.055 100.97C134.062 100.772 134.044 100.573 134.073 100.377C134.093 100.241 134.151 100.091 134.279 100.042C134.461 99.9724 134.649 100.155 134.696 100.343C134.762 100.603 134.672 100.875 134.673 101.143C134.674 101.411 134.838 101.727 135.106 101.716C135.343 101.707 135.491 101.439 135.495 101.202C135.499 100.965 135.411 100.735 135.402 100.498C135.397 100.385 135.421 100.255 135.517 100.194C135.677 100.093 135.882 100.277 135.911 100.464C135.94 100.651 135.874 100.842 135.897 101.03C135.913 101.159 135.98 101.291 136.099 101.343C136.294 101.429 136.523 101.251 136.572 101.043C136.621 100.836 136.546 100.621 136.473 100.421M95.0655 116.766C95.0655 116.766 93.3295 118.537 94.2155 118.821C95.101 119.104 95.2785 116.979 96.0225 117.298C96.7665 117.617 94.4285 118.679 95.739 119.175C97.05 119.671 96.554 117.227 97.4395 117.652C98.325 118.077 96.6245 119.246 97.4395 119.494" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M139.065 115.811C142.43 115.811 145.158 113.083 145.158 109.718C145.158 106.352 142.43 103.625 139.065 103.625C135.7 103.625 132.971 106.352 132.971 109.718C132.971 113.083 135.7 115.811 139.065 115.811Z" fill="#089CCB" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M14.3635 93.493C14.3635 93.493 23.4325 113.341 28.8885 114.859" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M47.4245 72.2056C47.4495 71.2236 47.4505 71.1736 47.476 70.1906L45.0085 69.1431C44.777 68.6281 44.637 68.3176 44.4045 67.8021L45.255 65.2611L43.7109 63.9641L41.3545 65.2401C40.8065 65.1001 40.477 65.0166 39.929 64.8766L38.472 62.6276C37.508 62.8216 37.459 62.8321 36.4955 63.0256L36.0234 65.6636C35.5729 66.0046 35.302 66.2096 34.8505 66.5511L32.1835 66.2881L31.263 68.0811L33.0315 70.0956C33.017 70.6601 33.008 71.0006 32.9935 71.5651L31.1245 73.4861C31.5285 74.3821 31.5495 74.4281 31.9525 75.3241L34.63 75.1976C35.0629 75.5611 35.3235 75.7801 35.7565 76.1436L36.0935 78.8016C37.046 79.0456 37.0945 79.0576 38.047 79.3006L39.6165 77.1296C40.171 77.0176 40.5045 76.9501 41.059 76.8386L43.348 78.2326C44.1315 77.6396 44.171 77.6101 44.9555 77.0171L44.2365 74.4346C44.495 73.9316 44.65 73.6296 44.9085 73.1266L47.4245 72.2056ZM39.3 74.9711C37.087 74.9711 35.293 73.1766 35.293 70.9636C35.293 68.7506 37.087 66.9561 39.3 66.9561C41.514 66.9561 43.308 68.7506 43.308 70.9636C43.308 73.1766 41.514 74.9711 39.3 74.9711Z" fill="#080808" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M52.694 62.5094L50.336 54.1874C49.111 53.6454 48.242 53.7804 47.8285 54.7829L49.979 64.6904C50.2285 64.3274 50.51 63.9829 50.8305 63.6629C51.344 63.1174 51.988 62.7419 52.694 62.5094Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M62.0066 95.374L52.6941 62.5095C51.9881 62.742 51.3441 63.1175 50.8306 63.663C50.5101 63.9835 50.2286 64.3275 49.9791 64.6905L57.0941 97.471C58.4936 96.296 60.2136 95.679 62.0066 95.374Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M62.366 96.644L62.006 95.374C60.213 95.679 58.493 96.296 57.094 97.4715L57.321 98.5175C58.4155 97.14 60.404 96.8095 62.366 96.644Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M58.238 99.1225C59.719 98.6595 61.173 98.0615 62.6635 97.694L62.366 96.6445C60.4035 96.81 58.415 97.1405 57.321 98.5175L57.5675 99.6525C57.7605 99.436 57.9745 99.254 58.238 99.1225Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M62.6636 97.694C61.1731 98.0615 59.7191 98.66 58.2381 99.1225C57.9746 99.2545 57.7606 99.4365 57.5676 99.6525L57.8921 101.147C59.5046 100.269 61.2631 99.4245 63.0736 99.1415L62.6636 97.694Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M63.0735 99.141C61.263 99.424 59.504 100.269 57.892 101.146L59.092 106.675L62.9905 113.022C63.6915 113.052 64.393 113.052 65.094 112.833C65.2135 112.799 65.3175 112.753 65.41 112.698L64.7595 105.088L63.0735 99.141Z" fill="#089CCB" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M65.41 112.699C65.3109 112.757 65.2047 112.802 65.094 112.833C64.393 113.052 63.6915 113.052 62.9905 113.022L65.8335 117.651L65.41 112.699Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M127.255 65.845H107.109C106.161 65.845 105.392 65.0765 105.392 64.128V18.96C105.392 18.012 106.161 17.243 107.109 17.243H127.255C128.203 17.243 128.972 18.0115 128.972 18.96V64.128C128.972 65.0765 128.203 65.845 127.255 65.845Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M109.366 20.7321C109.816 20.7321 110.181 20.3672 110.181 19.9171C110.181 19.4669 109.816 19.1021 109.366 19.1021C108.916 19.1021 108.551 19.4669 108.551 19.9171C108.551 20.3672 108.916 20.7321 109.366 20.7321Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M113.712 20.7321C114.162 20.7321 114.527 20.3672 114.527 19.9171C114.527 19.4669 114.162 19.1021 113.712 19.1021C113.261 19.1021 112.897 19.4669 112.897 19.9171C112.897 20.3672 113.261 20.7321 113.712 20.7321Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M118.057 20.7321C118.507 20.7321 118.872 20.3672 118.872 19.9171C118.872 19.4669 118.507 19.1021 118.057 19.1021C117.607 19.1021 117.242 19.4669 117.242 19.9171C117.242 20.3672 117.607 20.7321 118.057 20.7321Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M107.805 26.593H126.669V31.254H107.805V26.593Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M107.805 36.1066H126.669V40.7676H107.805V36.1066Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M107.805 45.6205H126.669V50.2815H107.805V45.6205Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M107.805 55.134H126.669V59.795H107.805V55.134Z" fill="#089CCB" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M64.5945 73.0401C64.5945 73.0401 70.7295 72.3605 71.199 71.5656L65.0595 72.335L64.5945 73.0401ZM77.6825 38.1845L75.5815 37.9355C75.5815 37.9355 77.278 38.923 77.6825 38.878V38.1845Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`;if (exports.default) module.exports = exports.default;exports.Illustration=p;//# sourceMappingURL=Illustration.cjs.map
+//# sourceMappingURL=Illustration.cjs.map

package/dist/components/Illustration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts","../../src/components/Illustration.tsx"],"names":["cn","inputs","twMerge","clsx","Illustration","className","src","profileIllustration","React"],"mappings":"iNAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,qBAAQC,CAAAA,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCIO,IAAMG,EAAe,CAAC,CAC3B,UAAAC,CACA,CAAA,GAAA,CAAAC,EAAMC,CACR,CAAA,GACEC,mBAAA,aAAC,CAAA,KAAA,CAAA,CACC,UAAWR,CACT,CAAA,yEAAA,CACAK,CACF,CAECC,CAAAA,CAAAA,CACH,EAGIC,CAAsB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"Illustration.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport const noopFn = () => {};\n","import React from \"react\";\nimport { cn } from \"../utils\";\n\nexport type IllustrationProps = {\n  className?: string;\n  /** svg string */\n  src?: string;\n};\n\nexport const Illustration = ({\n  className,\n  src = profileIllustration\n}: IllustrationProps) => (\n  <div\n    className={cn(\n      \"lg:w-[150px] lg:h-[150px] md:w-[100px] md:h-[100px] w-[150px] h-[150px]\",\n      className\n    )}\n  >\n    {src}\n  </div>\n);\n\nconst profileIllustration = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"150\" height=\"150\" viewBox=\"0 0 150 150\" fill=\"none\">\n  <path d=\"M13.5135 116.732C13.994 107.975 20.208 100.58 28.605 98.665C36.5925 96.8435 44.9885 100.338 49.436 107.38C50.9125 102.507 53.3995 99.942 54.9625 98.665C62.411 92.579 75.7885 93.725 87.6965 102.279C88.5765 101.658 93.658 98.202 100.45 99.5155C107.749 100.928 111.217 106.726 111.715 107.592C118.282 105.741 124.23 107.743 126.169 111.631C126.534 112.362 127.288 114.224 126.594 117.157C88.901 117.015 51.2075 116.873 13.5135 116.732Z\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M25.417 114.963C25.417 114.963 9.04999 111.569 12.026 88.432C27.6845 94.2725 29.456 114.963 29.456 114.963\" fill=\"white\"/>\n  <path d=\"M25.417 114.963C25.417 114.963 9.04999 111.569 12.026 88.432C27.6845 94.2725 29.456 114.963 29.456 114.963\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M22.866 82.6535C22.639 82.484 19.1815 110.219 29.668 115.601L33.3525 116.094C33.3525 116.094 33.7775 90.801 22.866 82.6535Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M22.866 82.6536C22.866 82.6536 28.109 112.977 31.7225 115.173\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M41.9965 92.9969C41.9965 92.9969 30.4475 98.033 31.156 114.963C35.478 116.093 37.2495 116.093 37.2495 116.093C37.2495 116.093 45.8225 102.774 41.9965 92.9969Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M41.9965 92.9969C41.9965 92.9969 37.6745 109.717 33.636 115.172\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M58.3101 88.432H83.0836V114.859H58.3101V88.432Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M55.5341 88.432H80.3076V114.859H55.5341V88.432Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M146.174 114.869H5.88503C5.88503 114.869 -8.59247 126.721 39.233 124.383C50.711 133.522 111.929 138.181 114.267 122.355C122.769 126.083 145.985 128.736 146.174 114.869ZM129.371 103.539C129.371 103.539 130.965 107.645 132.086 106.998C133.207 106.351 139.748 102.146 139.748 102.146C139.748 102.146 139.17 100.604 137.717 100.561C136.263 100.517 131.804 101.002 131.804 101.002C131.804 101.002 129.737 102.197 129.371 103.539Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M130.391 100.469C130.412 100.689 130.303 100.909 130.237 101.041C129.967 101.742 129.55 102.443 128.972 102.954L129.458 103.22C130.287 102.861 130.896 102.151 131.488 101.414L130.391 100.469Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M130.237 101.041C130.303 100.909 130.412 100.689 130.391 100.469L129.229 99.468L126.571 101.641L128.972 102.953C129.55 102.443 129.967 101.742 130.237 101.041Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M90.3895 118.016C90.3895 118.016 89.8095 122.382 91.1035 122.355C92.3975 122.328 100.155 121.792 100.155 121.792C100.155 121.792 100.39 120.162 99.138 119.423C97.885 118.685 93.743 116.964 93.743 116.964C93.743 116.964 91.3565 117.016 90.3895 118.016Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M89.5551 115.6L90.7096 118.019C91.6426 117.746 92.7896 117.84 93.6601 117.469L93.1456 114.859C92.0151 115.398 90.8306 115.788 89.5551 115.6Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M93.1454 114.859L92.7744 112.976L88.8774 114.181L89.5549 115.6C90.8304 115.787 92.0149 115.398 93.1454 114.859Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M81.013 44.033C81.013 44.033 93.436 65.437 94.853 69.9715L89.716 70.9635C89.716 70.9635 84.8995 64.254 83.4455 60.5135C80.4185 52.727 79.5235 44.3835 81.013 44.033Z\" fill=\"#089CCB\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M81.17 44.2764C76.2185 36.4604 71.306 41.2549 70.2905 42.7654C69.275 44.2764 61.233 69.1724 65.059 72.3349C68.885 75.4974 87.1295 70.9864 87.1295 70.9864C87.1295 70.9864 86.1255 63.8054 84.574 56.4564\" fill=\"#089CCB\"/>\n  <path d=\"M81.17 44.2764C76.2185 36.4604 71.306 41.2549 70.2905 42.7654C69.275 44.2764 61.233 69.1724 65.059 72.3349C68.885 75.4974 87.1295 70.9864 87.1295 70.9864C87.1295 70.9864 86.1255 63.8054 84.574 56.4564\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M84.2955 70.5031C84.2955 70.5031 100.556 66.9416 105.87 72.3356C111.184 77.7296 129.889 99.6216 129.889 99.6216C129.889 99.6216 129.783 102.279 127.87 102.172C123.087 102.172 99.387 85.8061 98.1115 81.6616C93.01 84.6371 85.1455 87.7191 80.894 85.1686\" fill=\"white\"/>\n  <path d=\"M84.2955 70.5031C84.2955 70.5031 100.556 66.9416 105.87 72.3356C111.184 77.7296 129.889 99.6216 129.889 99.6216C129.889 99.6216 129.783 102.279 127.87 102.172C123.087 102.172 99.387 85.8061 98.1115 81.6616C93.01 84.6371 85.1455 87.7191 80.894 85.1686\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M75.3825 83.043C75.3825 83.043 82.595 104.935 88.334 114.712C90.247 115.775 93.8605 113.118 93.8605 113.118C93.8605 113.118 91.31 76.6665 86.308 69.06C81.306 61.4535 71.198 71.5655 71.198 71.5655L65.0585 72.335C65.0585 72.335 58.2565 81.7795 64.6335 86.29C71.0105 90.8005 76.7295 86.9925 76.7295 86.9925M87.8385 44.4425C87.8385 44.4425 90.153 39.0815 91.074 37.83C91.995 36.5785 93.8845 37.1295 94.215 38.578C94.5455 40.0265 93.1285 42.3215 93.176 42.4255C93.223 42.5295 94.0025 42.4825 94.026 43.309C94.0495 44.1355 92.5145 43.805 91.7585 44.4425C91.0025 45.08 90.2235 45.954 90.2235 45.954C90.2235 45.954 87.744 45.3215 87.8385 44.4425Z\" fill=\"white\"/>\n  <path d=\"M75.3825 83.043C75.3825 83.043 82.595 104.935 88.334 114.712C90.247 115.775 93.8605 113.118 93.8605 113.118C93.8605 113.118 91.31 76.6665 86.308 69.06C81.306 61.4535 71.198 71.5655 71.198 71.5655L65.0585 72.335C65.0585 72.335 58.2565 81.7795 64.6335 86.29C71.0105 90.8005 76.7295 86.9925 76.7295 86.9925M87.8385 44.4425C87.8385 44.4425 90.153 39.0815 91.074 37.83C91.995 36.5785 93.8845 37.1295 94.215 38.578C94.5455 40.0265 93.1285 42.3215 93.176 42.4255C93.223 42.5295 94.0025 42.4825 94.026 43.309C94.0495 44.1355 92.5145 43.805 91.7585 44.4425C91.0025 45.08 90.2235 45.954 90.2235 45.954C90.2235 45.954 87.744 45.3215 87.8385 44.4425Z\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M74.0931 42.426C75.4621 42.361 80.8951 55.377 80.8951 55.377C80.8951 55.377 83.8711 48.5045 87.4846 43.616C89.1141 43.191 91.1691 45.458 91.1691 45.458C91.1691 45.458 87.0596 66.429 81.5196 66.237C75.9796 66.045 70.3386 51.622 70.3386 51.622\" fill=\"#089CCB\"/>\n  <path d=\"M74.0931 42.426C75.4621 42.361 80.8951 55.377 80.8951 55.377C80.8951 55.377 83.8711 48.5045 87.4846 43.616C89.1141 43.191 91.1691 45.458 91.1691 45.458C91.1691 45.458 87.0596 66.429 81.5196 66.237C75.9796 66.045 70.3386 51.622 70.3386 51.622\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M77.6826 42.388V38.1845C77.6826 38.1845 83.5871 39.1765 82.3116 35.209C81.0361 31.2415 76.1711 25.5265 74.2816 26.046C72.3921 26.5655 69.7216 30.4385 71.0566 33.603C72.3916 36.7675 73.1006 37.1455 73.1476 38.1845C73.1946 39.2235 73.5726 40.8295 73.5726 40.8295C73.5726 40.8295 75.3496 42.7135 77.6826 42.388Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M71.873 37.1925C71.873 37.1925 74.4 36.9325 74.3765 35.4215C74.353 33.91 73.1485 32.8 74.046 32.304C74.9435 31.808 75.5575 33.461 76.0535 33.485C76.5495 33.5085 76.595 33.0125 76.595 33.0125C76.595 33.0125 74.92 30.509 75.3215 30.037C75.723 29.565 79.3365 28.124 78.2975 26.4C77.2585 24.676 74.117 23.7785 73.1015 24.676C72.086 25.5735 71.8735 27.368 71.8735 27.368C71.8735 27.368 69.2045 26.494 69.063 28.832C68.9215 31.17 69.6535 31.0045 69.6535 31.0045C69.6535 31.0045 67.646 33.9565 69.252 34.594C70.858 35.2315 71.401 35.1845 71.401 35.1845C71.401 35.1845 70.6685 37.1215 71.873 37.1925Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M133.231 100.182C133.292 100.454 133.169 100.73 133.114 101.004C133.059 101.278 133.117 101.628 133.379 101.725C133.564 101.794 133.78 101.693 133.897 101.533C134.013 101.373 134.048 101.168 134.055 100.97C134.062 100.772 134.044 100.573 134.073 100.377C134.093 100.241 134.151 100.091 134.279 100.042C134.461 99.9724 134.649 100.155 134.696 100.343C134.762 100.603 134.672 100.875 134.673 101.143C134.674 101.411 134.838 101.727 135.106 101.716C135.343 101.707 135.491 101.439 135.495 101.202C135.499 100.965 135.411 100.735 135.402 100.498C135.397 100.385 135.421 100.255 135.517 100.194C135.677 100.093 135.882 100.277 135.911 100.464C135.94 100.651 135.874 100.842 135.897 101.03C135.913 101.159 135.98 101.291 136.099 101.343C136.294 101.429 136.523 101.251 136.572 101.043C136.621 100.836 136.546 100.621 136.473 100.421M95.0655 116.766C95.0655 116.766 93.3295 118.537 94.2155 118.821C95.101 119.104 95.2785 116.979 96.0225 117.298C96.7665 117.617 94.4285 118.679 95.739 119.175C97.05 119.671 96.554 117.227 97.4395 117.652C98.325 118.077 96.6245 119.246 97.4395 119.494\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M139.065 115.811C142.43 115.811 145.158 113.083 145.158 109.718C145.158 106.352 142.43 103.625 139.065 103.625C135.7 103.625 132.971 106.352 132.971 109.718C132.971 113.083 135.7 115.811 139.065 115.811Z\" fill=\"#089CCB\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M14.3635 93.493C14.3635 93.493 23.4325 113.341 28.8885 114.859\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M47.4245 72.2056C47.4495 71.2236 47.4505 71.1736 47.476 70.1906L45.0085 69.1431C44.777 68.6281 44.637 68.3176 44.4045 67.8021L45.255 65.2611L43.7109 63.9641L41.3545 65.2401C40.8065 65.1001 40.477 65.0166 39.929 64.8766L38.472 62.6276C37.508 62.8216 37.459 62.8321 36.4955 63.0256L36.0234 65.6636C35.5729 66.0046 35.302 66.2096 34.8505 66.5511L32.1835 66.2881L31.263 68.0811L33.0315 70.0956C33.017 70.6601 33.008 71.0006 32.9935 71.5651L31.1245 73.4861C31.5285 74.3821 31.5495 74.4281 31.9525 75.3241L34.63 75.1976C35.0629 75.5611 35.3235 75.7801 35.7565 76.1436L36.0935 78.8016C37.046 79.0456 37.0945 79.0576 38.047 79.3006L39.6165 77.1296C40.171 77.0176 40.5045 76.9501 41.059 76.8386L43.348 78.2326C44.1315 77.6396 44.171 77.6101 44.9555 77.0171L44.2365 74.4346C44.495 73.9316 44.65 73.6296 44.9085 73.1266L47.4245 72.2056ZM39.3 74.9711C37.087 74.9711 35.293 73.1766 35.293 70.9636C35.293 68.7506 37.087 66.9561 39.3 66.9561C41.514 66.9561 43.308 68.7506 43.308 70.9636C43.308 73.1766 41.514 74.9711 39.3 74.9711Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M52.694 62.5094L50.336 54.1874C49.111 53.6454 48.242 53.7804 47.8285 54.7829L49.979 64.6904C50.2285 64.3274 50.51 63.9829 50.8305 63.6629C51.344 63.1174 51.988 62.7419 52.694 62.5094Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M62.0066 95.374L52.6941 62.5095C51.9881 62.742 51.3441 63.1175 50.8306 63.663C50.5101 63.9835 50.2286 64.3275 49.9791 64.6905L57.0941 97.471C58.4936 96.296 60.2136 95.679 62.0066 95.374Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M62.366 96.644L62.006 95.374C60.213 95.679 58.493 96.296 57.094 97.4715L57.321 98.5175C58.4155 97.14 60.404 96.8095 62.366 96.644Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M58.238 99.1225C59.719 98.6595 61.173 98.0615 62.6635 97.694L62.366 96.6445C60.4035 96.81 58.415 97.1405 57.321 98.5175L57.5675 99.6525C57.7605 99.436 57.9745 99.254 58.238 99.1225Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M62.6636 97.694C61.1731 98.0615 59.7191 98.66 58.2381 99.1225C57.9746 99.2545 57.7606 99.4365 57.5676 99.6525L57.8921 101.147C59.5046 100.269 61.2631 99.4245 63.0736 99.1415L62.6636 97.694Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M63.0735 99.141C61.263 99.424 59.504 100.269 57.892 101.146L59.092 106.675L62.9905 113.022C63.6915 113.052 64.393 113.052 65.094 112.833C65.2135 112.799 65.3175 112.753 65.41 112.698L64.7595 105.088L63.0735 99.141Z\" fill=\"#089CCB\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M65.41 112.699C65.3109 112.757 65.2047 112.802 65.094 112.833C64.393 113.052 63.6915 113.052 62.9905 113.022L65.8335 117.651L65.41 112.699Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M127.255 65.845H107.109C106.161 65.845 105.392 65.0765 105.392 64.128V18.96C105.392 18.012 106.161 17.243 107.109 17.243H127.255C128.203 17.243 128.972 18.0115 128.972 18.96V64.128C128.972 65.0765 128.203 65.845 127.255 65.845Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M109.366 20.7321C109.816 20.7321 110.181 20.3672 110.181 19.9171C110.181 19.4669 109.816 19.1021 109.366 19.1021C108.916 19.1021 108.551 19.4669 108.551 19.9171C108.551 20.3672 108.916 20.7321 109.366 20.7321Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M113.712 20.7321C114.162 20.7321 114.527 20.3672 114.527 19.9171C114.527 19.4669 114.162 19.1021 113.712 19.1021C113.261 19.1021 112.897 19.4669 112.897 19.9171C112.897 20.3672 113.261 20.7321 113.712 20.7321Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M118.057 20.7321C118.507 20.7321 118.872 20.3672 118.872 19.9171C118.872 19.4669 118.507 19.1021 118.057 19.1021C117.607 19.1021 117.242 19.4669 117.242 19.9171C117.242 20.3672 117.607 20.7321 118.057 20.7321Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M107.805 26.593H126.669V31.254H107.805V26.593Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M107.805 36.1066H126.669V40.7676H107.805V36.1066Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M107.805 45.6205H126.669V50.2815H107.805V45.6205Z\" fill=\"white\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M107.805 55.134H126.669V59.795H107.805V55.134Z\" fill=\"#089CCB\" stroke=\"#080808\" stroke-width=\"0.1\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  <path d=\"M64.5945 73.0401C64.5945 73.0401 70.7295 72.3605 71.199 71.5656L65.0595 72.335L64.5945 73.0401ZM77.6825 38.1845L75.5815 37.9355C75.5815 37.9355 77.278 38.923 77.6825 38.878V38.1845Z\" fill=\"#080808\" stroke=\"#080808\" stroke-width=\"0.05\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>`;\n"]}

package/dist/components/Illustration.d.cts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+type IllustrationProps = {
+    className?: string;
+    /** svg string */
+    src?: string;
+};
+declare const Illustration: ({ className, src }: IllustrationProps) => React__default.JSX.Element;
+
+export { Illustration, type IllustrationProps };

package/dist/components/Illustration.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+type IllustrationProps = {
+    className?: string;
+    /** svg string */
+    src?: string;
+};
+declare const Illustration: ({ className, src }: IllustrationProps) => React__default.JSX.Element;
+
+export { Illustration, type IllustrationProps };

package/dist/components/Illustration.js

@@ -0,0 +1,50 @@
+import s from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function e(...t){return twMerge(clsx(t))}var p=({className:t,src:i=n})=>s.createElement("div",{className:e("lg:w-[150px] lg:h-[150px] md:w-[100px] md:h-[100px] w-[150px] h-[150px]",t)},i),n=`
+<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150" fill="none">
+  <path d="M13.5135 116.732C13.994 107.975 20.208 100.58 28.605 98.665C36.5925 96.8435 44.9885 100.338 49.436 107.38C50.9125 102.507 53.3995 99.942 54.9625 98.665C62.411 92.579 75.7885 93.725 87.6965 102.279C88.5765 101.658 93.658 98.202 100.45 99.5155C107.749 100.928 111.217 106.726 111.715 107.592C118.282 105.741 124.23 107.743 126.169 111.631C126.534 112.362 127.288 114.224 126.594 117.157C88.901 117.015 51.2075 116.873 13.5135 116.732Z" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M25.417 114.963C25.417 114.963 9.04999 111.569 12.026 88.432C27.6845 94.2725 29.456 114.963 29.456 114.963" fill="white"/>
+  <path d="M25.417 114.963C25.417 114.963 9.04999 111.569 12.026 88.432C27.6845 94.2725 29.456 114.963 29.456 114.963" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22.866 82.6535C22.639 82.484 19.1815 110.219 29.668 115.601L33.3525 116.094C33.3525 116.094 33.7775 90.801 22.866 82.6535Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M22.866 82.6536C22.866 82.6536 28.109 112.977 31.7225 115.173" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M41.9965 92.9969C41.9965 92.9969 30.4475 98.033 31.156 114.963C35.478 116.093 37.2495 116.093 37.2495 116.093C37.2495 116.093 45.8225 102.774 41.9965 92.9969Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M41.9965 92.9969C41.9965 92.9969 37.6745 109.717 33.636 115.172" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M58.3101 88.432H83.0836V114.859H58.3101V88.432Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M55.5341 88.432H80.3076V114.859H55.5341V88.432Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M146.174 114.869H5.88503C5.88503 114.869 -8.59247 126.721 39.233 124.383C50.711 133.522 111.929 138.181 114.267 122.355C122.769 126.083 145.985 128.736 146.174 114.869ZM129.371 103.539C129.371 103.539 130.965 107.645 132.086 106.998C133.207 106.351 139.748 102.146 139.748 102.146C139.748 102.146 139.17 100.604 137.717 100.561C136.263 100.517 131.804 101.002 131.804 101.002C131.804 101.002 129.737 102.197 129.371 103.539Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M130.391 100.469C130.412 100.689 130.303 100.909 130.237 101.041C129.967 101.742 129.55 102.443 128.972 102.954L129.458 103.22C130.287 102.861 130.896 102.151 131.488 101.414L130.391 100.469Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M130.237 101.041C130.303 100.909 130.412 100.689 130.391 100.469L129.229 99.468L126.571 101.641L128.972 102.953C129.55 102.443 129.967 101.742 130.237 101.041Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M90.3895 118.016C90.3895 118.016 89.8095 122.382 91.1035 122.355C92.3975 122.328 100.155 121.792 100.155 121.792C100.155 121.792 100.39 120.162 99.138 119.423C97.885 118.685 93.743 116.964 93.743 116.964C93.743 116.964 91.3565 117.016 90.3895 118.016Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M89.5551 115.6L90.7096 118.019C91.6426 117.746 92.7896 117.84 93.6601 117.469L93.1456 114.859C92.0151 115.398 90.8306 115.788 89.5551 115.6Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M93.1454 114.859L92.7744 112.976L88.8774 114.181L89.5549 115.6C90.8304 115.787 92.0149 115.398 93.1454 114.859Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M81.013 44.033C81.013 44.033 93.436 65.437 94.853 69.9715L89.716 70.9635C89.716 70.9635 84.8995 64.254 83.4455 60.5135C80.4185 52.727 79.5235 44.3835 81.013 44.033Z" fill="#089CCB" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M81.17 44.2764C76.2185 36.4604 71.306 41.2549 70.2905 42.7654C69.275 44.2764 61.233 69.1724 65.059 72.3349C68.885 75.4974 87.1295 70.9864 87.1295 70.9864C87.1295 70.9864 86.1255 63.8054 84.574 56.4564" fill="#089CCB"/>
+  <path d="M81.17 44.2764C76.2185 36.4604 71.306 41.2549 70.2905 42.7654C69.275 44.2764 61.233 69.1724 65.059 72.3349C68.885 75.4974 87.1295 70.9864 87.1295 70.9864C87.1295 70.9864 86.1255 63.8054 84.574 56.4564" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M84.2955 70.5031C84.2955 70.5031 100.556 66.9416 105.87 72.3356C111.184 77.7296 129.889 99.6216 129.889 99.6216C129.889 99.6216 129.783 102.279 127.87 102.172C123.087 102.172 99.387 85.8061 98.1115 81.6616C93.01 84.6371 85.1455 87.7191 80.894 85.1686" fill="white"/>
+  <path d="M84.2955 70.5031C84.2955 70.5031 100.556 66.9416 105.87 72.3356C111.184 77.7296 129.889 99.6216 129.889 99.6216C129.889 99.6216 129.783 102.279 127.87 102.172C123.087 102.172 99.387 85.8061 98.1115 81.6616C93.01 84.6371 85.1455 87.7191 80.894 85.1686" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M75.3825 83.043C75.3825 83.043 82.595 104.935 88.334 114.712C90.247 115.775 93.8605 113.118 93.8605 113.118C93.8605 113.118 91.31 76.6665 86.308 69.06C81.306 61.4535 71.198 71.5655 71.198 71.5655L65.0585 72.335C65.0585 72.335 58.2565 81.7795 64.6335 86.29C71.0105 90.8005 76.7295 86.9925 76.7295 86.9925M87.8385 44.4425C87.8385 44.4425 90.153 39.0815 91.074 37.83C91.995 36.5785 93.8845 37.1295 94.215 38.578C94.5455 40.0265 93.1285 42.3215 93.176 42.4255C93.223 42.5295 94.0025 42.4825 94.026 43.309C94.0495 44.1355 92.5145 43.805 91.7585 44.4425C91.0025 45.08 90.2235 45.954 90.2235 45.954C90.2235 45.954 87.744 45.3215 87.8385 44.4425Z" fill="white"/>
+  <path d="M75.3825 83.043C75.3825 83.043 82.595 104.935 88.334 114.712C90.247 115.775 93.8605 113.118 93.8605 113.118C93.8605 113.118 91.31 76.6665 86.308 69.06C81.306 61.4535 71.198 71.5655 71.198 71.5655L65.0585 72.335C65.0585 72.335 58.2565 81.7795 64.6335 86.29C71.0105 90.8005 76.7295 86.9925 76.7295 86.9925M87.8385 44.4425C87.8385 44.4425 90.153 39.0815 91.074 37.83C91.995 36.5785 93.8845 37.1295 94.215 38.578C94.5455 40.0265 93.1285 42.3215 93.176 42.4255C93.223 42.5295 94.0025 42.4825 94.026 43.309C94.0495 44.1355 92.5145 43.805 91.7585 44.4425C91.0025 45.08 90.2235 45.954 90.2235 45.954C90.2235 45.954 87.744 45.3215 87.8385 44.4425Z" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M74.0931 42.426C75.4621 42.361 80.8951 55.377 80.8951 55.377C80.8951 55.377 83.8711 48.5045 87.4846 43.616C89.1141 43.191 91.1691 45.458 91.1691 45.458C91.1691 45.458 87.0596 66.429 81.5196 66.237C75.9796 66.045 70.3386 51.622 70.3386 51.622" fill="#089CCB"/>
+  <path d="M74.0931 42.426C75.4621 42.361 80.8951 55.377 80.8951 55.377C80.8951 55.377 83.8711 48.5045 87.4846 43.616C89.1141 43.191 91.1691 45.458 91.1691 45.458C91.1691 45.458 87.0596 66.429 81.5196 66.237C75.9796 66.045 70.3386 51.622 70.3386 51.622" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M77.6826 42.388V38.1845C77.6826 38.1845 83.5871 39.1765 82.3116 35.209C81.0361 31.2415 76.1711 25.5265 74.2816 26.046C72.3921 26.5655 69.7216 30.4385 71.0566 33.603C72.3916 36.7675 73.1006 37.1455 73.1476 38.1845C73.1946 39.2235 73.5726 40.8295 73.5726 40.8295C73.5726 40.8295 75.3496 42.7135 77.6826 42.388Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M71.873 37.1925C71.873 37.1925 74.4 36.9325 74.3765 35.4215C74.353 33.91 73.1485 32.8 74.046 32.304C74.9435 31.808 75.5575 33.461 76.0535 33.485C76.5495 33.5085 76.595 33.0125 76.595 33.0125C76.595 33.0125 74.92 30.509 75.3215 30.037C75.723 29.565 79.3365 28.124 78.2975 26.4C77.2585 24.676 74.117 23.7785 73.1015 24.676C72.086 25.5735 71.8735 27.368 71.8735 27.368C71.8735 27.368 69.2045 26.494 69.063 28.832C68.9215 31.17 69.6535 31.0045 69.6535 31.0045C69.6535 31.0045 67.646 33.9565 69.252 34.594C70.858 35.2315 71.401 35.1845 71.401 35.1845C71.401 35.1845 70.6685 37.1215 71.873 37.1925Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M133.231 100.182C133.292 100.454 133.169 100.73 133.114 101.004C133.059 101.278 133.117 101.628 133.379 101.725C133.564 101.794 133.78 101.693 133.897 101.533C134.013 101.373 134.048 101.168 134.055 100.97C134.062 100.772 134.044 100.573 134.073 100.377C134.093 100.241 134.151 100.091 134.279 100.042C134.461 99.9724 134.649 100.155 134.696 100.343C134.762 100.603 134.672 100.875 134.673 101.143C134.674 101.411 134.838 101.727 135.106 101.716C135.343 101.707 135.491 101.439 135.495 101.202C135.499 100.965 135.411 100.735 135.402 100.498C135.397 100.385 135.421 100.255 135.517 100.194C135.677 100.093 135.882 100.277 135.911 100.464C135.94 100.651 135.874 100.842 135.897 101.03C135.913 101.159 135.98 101.291 136.099 101.343C136.294 101.429 136.523 101.251 136.572 101.043C136.621 100.836 136.546 100.621 136.473 100.421M95.0655 116.766C95.0655 116.766 93.3295 118.537 94.2155 118.821C95.101 119.104 95.2785 116.979 96.0225 117.298C96.7665 117.617 94.4285 118.679 95.739 119.175C97.05 119.671 96.554 117.227 97.4395 117.652C98.325 118.077 96.6245 119.246 97.4395 119.494" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M139.065 115.811C142.43 115.811 145.158 113.083 145.158 109.718C145.158 106.352 142.43 103.625 139.065 103.625C135.7 103.625 132.971 106.352 132.971 109.718C132.971 113.083 135.7 115.811 139.065 115.811Z" fill="#089CCB" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M14.3635 93.493C14.3635 93.493 23.4325 113.341 28.8885 114.859" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M47.4245 72.2056C47.4495 71.2236 47.4505 71.1736 47.476 70.1906L45.0085 69.1431C44.777 68.6281 44.637 68.3176 44.4045 67.8021L45.255 65.2611L43.7109 63.9641L41.3545 65.2401C40.8065 65.1001 40.477 65.0166 39.929 64.8766L38.472 62.6276C37.508 62.8216 37.459 62.8321 36.4955 63.0256L36.0234 65.6636C35.5729 66.0046 35.302 66.2096 34.8505 66.5511L32.1835 66.2881L31.263 68.0811L33.0315 70.0956C33.017 70.6601 33.008 71.0006 32.9935 71.5651L31.1245 73.4861C31.5285 74.3821 31.5495 74.4281 31.9525 75.3241L34.63 75.1976C35.0629 75.5611 35.3235 75.7801 35.7565 76.1436L36.0935 78.8016C37.046 79.0456 37.0945 79.0576 38.047 79.3006L39.6165 77.1296C40.171 77.0176 40.5045 76.9501 41.059 76.8386L43.348 78.2326C44.1315 77.6396 44.171 77.6101 44.9555 77.0171L44.2365 74.4346C44.495 73.9316 44.65 73.6296 44.9085 73.1266L47.4245 72.2056ZM39.3 74.9711C37.087 74.9711 35.293 73.1766 35.293 70.9636C35.293 68.7506 37.087 66.9561 39.3 66.9561C41.514 66.9561 43.308 68.7506 43.308 70.9636C43.308 73.1766 41.514 74.9711 39.3 74.9711Z" fill="#080808" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M52.694 62.5094L50.336 54.1874C49.111 53.6454 48.242 53.7804 47.8285 54.7829L49.979 64.6904C50.2285 64.3274 50.51 63.9829 50.8305 63.6629C51.344 63.1174 51.988 62.7419 52.694 62.5094Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M62.0066 95.374L52.6941 62.5095C51.9881 62.742 51.3441 63.1175 50.8306 63.663C50.5101 63.9835 50.2286 64.3275 49.9791 64.6905L57.0941 97.471C58.4936 96.296 60.2136 95.679 62.0066 95.374Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M62.366 96.644L62.006 95.374C60.213 95.679 58.493 96.296 57.094 97.4715L57.321 98.5175C58.4155 97.14 60.404 96.8095 62.366 96.644Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M58.238 99.1225C59.719 98.6595 61.173 98.0615 62.6635 97.694L62.366 96.6445C60.4035 96.81 58.415 97.1405 57.321 98.5175L57.5675 99.6525C57.7605 99.436 57.9745 99.254 58.238 99.1225Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M62.6636 97.694C61.1731 98.0615 59.7191 98.66 58.2381 99.1225C57.9746 99.2545 57.7606 99.4365 57.5676 99.6525L57.8921 101.147C59.5046 100.269 61.2631 99.4245 63.0736 99.1415L62.6636 97.694Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M63.0735 99.141C61.263 99.424 59.504 100.269 57.892 101.146L59.092 106.675L62.9905 113.022C63.6915 113.052 64.393 113.052 65.094 112.833C65.2135 112.799 65.3175 112.753 65.41 112.698L64.7595 105.088L63.0735 99.141Z" fill="#089CCB" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M65.41 112.699C65.3109 112.757 65.2047 112.802 65.094 112.833C64.393 113.052 63.6915 113.052 62.9905 113.022L65.8335 117.651L65.41 112.699Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M127.255 65.845H107.109C106.161 65.845 105.392 65.0765 105.392 64.128V18.96C105.392 18.012 106.161 17.243 107.109 17.243H127.255C128.203 17.243 128.972 18.0115 128.972 18.96V64.128C128.972 65.0765 128.203 65.845 127.255 65.845Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M109.366 20.7321C109.816 20.7321 110.181 20.3672 110.181 19.9171C110.181 19.4669 109.816 19.1021 109.366 19.1021C108.916 19.1021 108.551 19.4669 108.551 19.9171C108.551 20.3672 108.916 20.7321 109.366 20.7321Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M113.712 20.7321C114.162 20.7321 114.527 20.3672 114.527 19.9171C114.527 19.4669 114.162 19.1021 113.712 19.1021C113.261 19.1021 112.897 19.4669 112.897 19.9171C112.897 20.3672 113.261 20.7321 113.712 20.7321Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M118.057 20.7321C118.507 20.7321 118.872 20.3672 118.872 19.9171C118.872 19.4669 118.507 19.1021 118.057 19.1021C117.607 19.1021 117.242 19.4669 117.242 19.9171C117.242 20.3672 117.607 20.7321 118.057 20.7321Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M107.805 26.593H126.669V31.254H107.805V26.593Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M107.805 36.1066H126.669V40.7676H107.805V36.1066Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M107.805 45.6205H126.669V50.2815H107.805V45.6205Z" fill="white" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M107.805 55.134H126.669V59.795H107.805V55.134Z" fill="#089CCB" stroke="#080808" stroke-width="0.1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M64.5945 73.0401C64.5945 73.0401 70.7295 72.3605 71.199 71.5656L65.0595 72.335L64.5945 73.0401ZM77.6825 38.1845L75.5815 37.9355C75.5815 37.9355 77.278 38.923 77.6825 38.878V38.1845Z" fill="#080808" stroke="#080808" stroke-width="0.05" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>`;if (exports.default) module.exports = exports.default;export{p as Illustration};//# sourceMappingURL=Illustration.js.map
+//# sourceMappingURL=Illustration.js.map