@crystallize/design-system 0.0.0

package/src/icons/error.tsx

@@ -0,0 +1,50 @@
+import { forwardRef, SVGProps } from 'react';
+
+type ErrorProps = SVGProps<SVGSVGElement>;
+type ErrorRef = SVGSVGElement;
+
+export const Error = forwardRef<ErrorRef, ErrorProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      xmlns="http://www.w3.org/2000/svg"
+      width="22"
+      height="22"
+      fill="none"
+      viewBox="0 0 22 22"
+      {...delegated}
+    >
+      <g clipPath="url(#a)">
+        <path
+          fill="#DD1367"
+          d="M20.83 11c0 5.43-4.4 9.83-9.83 9.83S1.17 16.43 1.17 11 5.57 1.17 11 1.17s9.83 4.4 9.83 9.83Z"
+        />
+        <path
+          fill="#528693"
+          fillRule="evenodd"
+          d="M21.431 11c0 5.76-4.67 10.43-10.43 10.43C5.238 21.43.568 16.76.568 11S5.24.57 11 .57C16.76.57 21.431 5.24 21.431 11Zm-10.43 9.83c5.429 0 9.83-4.4 9.83-9.83s-4.401-9.83-9.83-9.83c-5.43 0-9.832 4.4-9.832 9.83S5.571 20.83 11 20.83Z"
+          clipRule="evenodd"
+        />
+        <path
+          fill="#fff"
+          fillRule="evenodd"
+          d="m7.364 13.479 1.157 1.157L11 12.158l2.479 2.478 1.157-1.157L12.158 11l2.478-2.479-1.157-1.157-2.48 2.478-2.478-2.478L7.364 8.52 9.842 11l-2.478 2.479Z"
+          clipRule="evenodd"
+        />
+        <path
+          fill="#528693"
+          fillRule="evenodd"
+          d="M6.94 13.903a.6.6 0 0 1 0-.849L8.994 11 6.94 8.946a.6.6 0 0 1 0-.849L8.097 6.94a.6.6 0 0 1 .849 0L11 8.994l2.054-2.054a.6.6 0 0 1 .849 0l1.157 1.157a.6.6 0 0 1 0 .849L13.006 11l2.054 2.054a.6.6 0 0 1 0 .849l-1.157 1.157a.6.6 0 0 1-.849 0L11 13.006 8.946 15.06a.6.6 0 0 1-.849 0L6.94 13.903ZM11 12.158l2.479 2.478 1.157-1.157L12.158 11l2.478-2.479-1.157-1.157L11 9.842 8.521 7.364 7.364 8.52 9.842 11l-2.478 2.479 1.157 1.157L11 12.158Z"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h22v22H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Error.displayName = 'ErrorIcon';

package/src/icons/glasses.tsx

@@ -0,0 +1,62 @@
+import { forwardRef, SVGProps } from 'react';
+
+type GlassesProps = SVGProps<SVGSVGElement>;
+type GlassesRef = SVGSVGElement;
+
+export const Glasses = forwardRef<GlassesRef, GlassesProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      width="20"
+      height="15"
+      viewBox="0 0 20 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...delegated}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.4856 2.0673c-.3158-.7572-1.2453-1.0361-1.9258-.578l-3.42 2.3025c-.8613.5798-.7287 1.8856.2315 2.2806l.1216.05.2282-.5549-.1216-.05c-.517-.2127-.5884-.9158-.1246-1.228l3.42-2.3025c.3664-.2467.8669-.0965 1.037.3112l.0748.1795a.3.3 0 0 0 .5537-.231l-.0748-.1795Z"
+        fill="#528693"
+      />
+      <path d="m9.7363 8.289-.2116.453-.906-.4233.2116-.453.906.4234Z" fill="#528793" />
+      <path
+        d="M4.391 9.9236c1.5958.7593 3.5051.0811 4.2644-1.5148.7593-1.596.081-3.5052-1.5148-4.2644-1.5959-.7593-3.5051-.0811-4.2644 1.5148-.7593 1.5958-.0811 3.505 1.5148 4.2644Z"
+        fill="#BFF6F8"
+      />
+      <path
+        d="M3.1883 8.7645a3.2004 3.2004 0 0 1-.3446-.514l5.955-2.1168c.0388.203.0579.4094.0568.6162L3.1883 8.7644Zm4.8102-4.212L2.468 6.517a3.2001 3.2001 0 0 0 .1588 1.2118l6.0129-2.136a3.2002 3.2002 0 0 0-.6412-1.0403Z"
+        fill="#fff"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.4255 9.3845c1.4463.6881 3.1766.0735 3.8647-1.3728.688-1.4463.0735-3.1765-1.3728-3.8646-1.4463-.6881-3.1765-.0735-3.8646 1.3728-.6882 1.4462-.0735 3.1765 1.3727 3.8646Zm-.2577.5418c1.7455.8305 3.8337.0887 4.6642-1.6568.8304-1.7455.0887-3.8338-1.6568-4.6642-1.7455-.8305-3.8338-.0887-4.6643 1.6568-.8304 1.7455-.0886 3.8337 1.6569 4.6642Z"
+        fill="#528793"
+      />
+      <path
+        d="M11.3275 12.7751c1.5959.7593 3.5051.0811 4.2644-1.5148.7593-1.5959.0811-3.5051-1.5148-4.2644-1.5959-.7593-3.5051-.081-4.2644 1.5148-.7593 1.5959-.0811 3.5052 1.5148 4.2644Z"
+        fill="#BFF6F8"
+      />
+      <path
+        d="M10.1248 11.616a3.2048 3.2048 0 0 1-.3446-.5139l5.9551-2.1168c.0388.203.0578.4094.0568.6161l-5.6673 2.0146Zm4.8102-4.212L9.4045 9.3687a3.1998 3.1998 0 0 0 .1588 1.2117l6.0129-2.1358a3.1995 3.1995 0 0 0-.6412-1.0404Z"
+        fill="#fff"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.3621 12.2361c1.4462.6881 3.1765.0734 3.8646-1.3728.6881-1.4463.0735-3.1766-1.3728-3.8647-1.4463-.688-3.1765-.0735-3.8646 1.3728-.6881 1.4463-.0735 3.1766 1.3728 3.8647Zm-.2578.5418c1.7455.8304 3.8337.0887 4.6642-1.6568.8305-1.7455.0887-3.8338-1.6568-4.6643-1.7455-.8304-3.8338-.0887-4.6642 1.6568-.8305 1.7455-.0887 3.8338 1.6568 4.6643Z"
+        fill="#528793"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.7461 5.0551c.7572-.3158 1.614.14 1.7751.9444l.81 4.0424c.204 1.0181-.809 1.8527-1.7692 1.4577l-.1216-.05.2283-.5549.1216.05c.517.2127 1.0625-.2367.9526-.7849l-.81-4.0424c-.0868-.4331-.5481-.6786-.9558-.5085l-.1794.0748a.3.3 0 0 1-.231-.5538l.1794-.0748Z"
+        fill="#528693"
+      />
+    </svg>
+  );
+});
+
+Glasses.displayName = 'GlassesIcon';

package/src/icons/graphQL.tsx

@@ -0,0 +1,90 @@
+import { forwardRef, SVGProps } from 'react';
+
+type GraphQLProps = SVGProps<SVGSVGElement>;
+type GraphQLRef = SVGSVGElement;
+
+export const GraphQL = forwardRef<GraphQLRef, GraphQLProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      width="23"
+      height="22"
+      viewBox="0 0 23 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...delegated}
+    >
+      <path d="M10.479 3.4a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.879 5.4a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M10.479 3.4a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.879 5.4a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M3.679 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.079 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M17.279 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.679 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M3.679 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.079 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M17.279 7.2a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.679 9.2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M3.679 14.8a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.079 16.8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M17.279 14.8a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#fff" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.679 16.8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8Z"
+        fill="#528693"
+      />
+      <path d="M10.479 18.75a1.4 1.4 0 1 1 2.8 0 1.4 1.4 0 1 1-2.8 0Z" fill="#BFF6F8" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.879 20.75a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0-3.4a1.4 1.4 0 1 0 0 2.8 1.4 1.4 0 0 0 0-2.8ZM10.44 3.851a.3.3 0 0 1-.112.41l-3.5 2a.3.3 0 0 1-.298-.521l3.5-2a.3.3 0 0 1 .41.111ZM13.419 3.851a.3.3 0 0 0 .111.41l3.5 2a.3.3 0 0 0 .298-.521l-3.5-2a.3.3 0 0 0-.41.111Z"
+        fill="#528693"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.44 18.149a.3.3 0 0 0-.112-.41l-3.5-2a.3.3 0 0 0-.298.521l3.5 2a.3.3 0 0 0 .41-.111ZM13.419 18.149a.3.3 0 0 1 .111-.41l3.5-2a.3.3 0 0 1 .298.521l-3.5 2a.3.3 0 0 1-.41-.111ZM5.079 8.7a.3.3 0 0 1 .3.3v4a.3.3 0 1 1-.6 0V9a.3.3 0 0 1 .3-.3ZM18.679 8.7a.3.3 0 0 1 .3.3v4a.3.3 0 1 1-.6 0V9a.3.3 0 0 1 .3-.3ZM11.033 4.743a.3.3 0 0 1 .103.411l-4.8 8a.3.3 0 1 1-.514-.308l4.8-8a.3.3 0 0 1 .411-.103ZM12.725 4.743a.3.3 0 0 0-.103.411l4.8 8a.3.3 0 1 0 .514-.308l-4.8-8a.3.3 0 0 0-.411-.103ZM6.579 14.9a.3.3 0 0 1 .3-.3h10a.3.3 0 0 1 0 .6h-10a.3.3 0 0 1-.3-.3Z"
+        fill="#528693"
+      />
+    </svg>
+  );
+});
+
+GraphQL.displayName = 'GraphQLIcon';

package/src/icons/index.ts

@@ -0,0 +1,21 @@
+import { Arrow } from './arrow';
+import { Cancel } from './cancel';
+import { Dots } from './dots';
+import { Error } from './error';
+import { Glasses } from './glasses';
+import { GraphQL } from './graphQL';
+import { Info } from './info';
+import { NailPolish } from './nail-polish';
+import { Warning } from './warning';
+
+export const Icon = {
+  Arrow,
+  Cancel,
+  Dots,
+  Error,
+  Glasses,
+  GraphQL,
+  Info,
+  NailPolish,
+  Warning,
+};

package/src/icons/info.tsx

@@ -0,0 +1,53 @@
+import { forwardRef, SVGProps } from 'react';
+
+type InfoProps = SVGProps<SVGSVGElement>;
+type InfoRef = SVGSVGElement;
+
+export const Info = forwardRef<InfoRef, InfoProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      xmlns="http://www.w3.org/2000/svg"
+      width="22"
+      height="22"
+      fill="none"
+      viewBox="0 0 22 22"
+      {...delegated}
+    >
+      <g clipPath="url(#a)">
+        <path
+          fill="#BFF6F8"
+          d="M20.83 11c0 5.43-4.4 9.83-9.83 9.83S1.17 16.43 1.17 11 5.57 1.17 11 1.17s9.83 4.4 9.83 9.83Z"
+        />
+        <path
+          fill="#528693"
+          fillRule="evenodd"
+          d="M21.431 11c0 5.76-4.67 10.43-10.43 10.43C5.238 21.43.568 16.76.568 11S5.24.57 11 .57C16.76.57 21.431 5.24 21.431 11Zm-10.43 9.83c5.429 0 9.83-4.4 9.83-9.83s-4.401-9.83-9.83-9.83c-5.43 0-9.832 4.4-9.832 9.83S5.571 20.83 11 20.83Z"
+          clipRule="evenodd"
+        />
+        <path fill="#fff" d="M14.814 6.317a.991.991 0 1 1-1.983 0 .991.991 0 0 1 1.983 0Z" />
+        <path
+          fill="#528693"
+          fillRule="evenodd"
+          d="M15.415 6.317a1.592 1.592 0 1 1-3.184 0 1.592 1.592 0 0 1 3.184 0Zm-1.592.991a.991.991 0 1 0 0-1.982.991.991 0 0 0 0 1.982Z"
+          clipRule="evenodd"
+        />
+        <path
+          fill="#fff"
+          d="m9.37 16.049 1.8.26-.22-.7-.78-.621.56-1.14 2.261-3.382-.34-1.381-1.92-1-1.261.14-.28.32 1.08.54.14.54-2.22 2.862-.821 2.36 2 1.202Z"
+        />
+        <path
+          fill="#528693"
+          d="M10.476 16.666a4.93 4.93 0 0 1-2.096-.599c-1.114-.605-1.482-1.63-.961-2.673a9.606 9.606 0 0 1 1.437-1.963l.067-.077c.252-.293.513-.595.742-.897.288-.38.538-.745.443-1.031-.056-.164-.215-.282-.485-.362a1.58 1.58 0 0 0-.247-.033l-.055-.004a.984.984 0 0 1-.481-.096c-.169-.132-.098-.51-.013-.676a.915.915 0 0 1 .701-.473c.139-.025.28-.037.42-.035.656.034 1.301.176 1.91.42 1.104.424 1.631 1.263 1.41 2.244a4.193 4.193 0 0 1-.908 1.714c-.128.161-.26.315-.392.471l-.07.083c-.282.32-.544.654-.788 1.003l-.144.206c-.161.209-.291.44-.385.687a.582.582 0 0 0 .32.743.91.91 0 0 0 .32.08c.175.021.356.044.428.21a.575.575 0 0 1-.035.477 1.144 1.144 0 0 1-1.138.581Zm-.877-8.193c.128.079.268.136.414.17.18.04.35.12.494.236.58.552.14 1.272-.318 1.903-.214.292-.47.58-.74.884l-.068.077c-.624.692-1.27 1.408-1.497 2.232a1.148 1.148 0 0 0 .163 1.06c.493.658 1.78.907 2.819.921l.035-.05-.025-.035a1.248 1.248 0 0 1-.865-.594 1.04 1.04 0 0 1 .006-.894 8.071 8.071 0 0 1 1.309-1.977l.127-.155c.171-.21.356-.437.525-.665.371-.501.844-1.245.664-1.915-.315-1.173-2.15-1.209-3.03-1.226h-.057l.044.028Z"
+        />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h22v22H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Info.displayName = 'InfoIcon';

package/src/icons/nail-polish.tsx

@@ -0,0 +1,84 @@
+import { forwardRef, SVGProps } from 'react';
+
+type NailPolishProps = SVGProps<SVGSVGElement>;
+type NailPolishRef = SVGSVGElement;
+
+export const NailPolish = forwardRef<NailPolishRef, NailPolishProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      width="12"
+      height="16"
+      viewBox="0 0 12 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...delegated}
+    >
+      <path
+        d="M.8573 9.7059H.4287v-.8824c0-.4873.3838-.8823.8571-.8823h4.2858c.4734 0 .8571.395.8571.8823v.8824h-.4286V15H.8573V9.7059Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.3716 9.1765v5.2941h4.1143V9.1765h.4285v-.353c0-.195-.1535-.353-.3428-.353H1.2858c-.1893 0-.3428.158-.3428.353v.353h.4286ZM6 9.7059h.4286v-.8824c0-.4873-.3837-.8823-.8571-.8823H1.2858c-.4733 0-.857.395-.857.8823v.8824h.4285V15H6V9.7059Z"
+        fill="#528693"
+      />
+      <path
+        d="M1.2856 6.6176c0-.4873.3838-.8823.8572-.8823h2.5714c.4734 0 .8572.395.8572.8823v1.7648H1.2856V6.6176Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.7142 6.2647H2.1428c-.1894 0-.3429.158-.3429.353v1.2352h3.2572V6.6176c0-.1949-.1535-.3529-.3429-.3529Zm-2.5714-.5294c-.4734 0-.8572.395-.8572.8823v1.7648h4.2858V6.6176c0-.4873-.3838-.8823-.8572-.8823H2.1428Z"
+        fill="#528693"
+      />
+      <path
+        d="M1.7144.6228c0-.344.2708-.6228.605-.6228 1.5594 0 2.8235 1.3013 2.8235 2.9066v3.2699H1.7144V.6228Z"
+        fill="#FFCCEC"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.2286 5.647h2.4V2.9067c0-1.3129-1.0338-2.3772-2.3092-2.3772a.0921.0921 0 0 0-.0908.0934v5.0243ZM2.3194 0c-.3342 0-.605.2789-.605.6228v5.5537h3.4285v-3.27C5.143 1.3014 3.8788 0 2.3194 0Z"
+        fill="#528693"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.4626 1.9929c-.432-.5148-.5769-1.1307-.5769-1.5517H2.4c0 .3142.1124.8013.4518 1.2056.3313.3947.8997.7355 1.8625.7355v.5295c-1.0943 0-1.8116-.3945-2.2517-.9189Z"
+        fill="#528693"
+      />
+      <path
+        d="M4.8708 8.6772c.245-.9414 1.185-1.5 2.0995-1.2478l2.4838.6851c.9145.2523 1.4573 1.22 1.2122 2.1613l-1.2201 4.6876c-.1225.4707-.5925.75-1.0498.6239l-4.1397-1.1418c-.4573-.1262-.7286-.61-.606-1.0807l1.22-4.6876Z"
+        fill="#FFCCEC"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m9.321 8.6259-2.4838-.6851c-.6401-.1766-1.2981.2145-1.4697.8734l-1.2201 4.6876c-.049.1883.0595.3818.2424.4323l4.1397 1.1418c.1829.0505.3709-.0612.42-.2495l1.2201-4.6876c.1715-.659-.2084-1.3363-.8486-1.513ZM6.9703 7.4294c-.9145-.2523-1.8545.3064-2.0995 1.2478l-1.2202 4.6876c-.1225.4707.1489.9545.6061 1.0807l4.1397 1.1418c.4573.1261.9273-.1532 1.0498-.6239l1.2201-4.6876c.2451-.9414-.2977-1.909-1.2122-2.1613l-2.4838-.6851Z"
+        fill="#528693"
+      />
+      <path
+        d="M7.9236 3.5069c.1508-.4319.598-.6727 1.0285-.554l.9602.2649c.4306.1188.7009.5575.6217 1.009l-.6114 3.4854c-.0892.508-.581.829-1.0654.6954l-1.5121-.417c-.4844-.1337-.7544-.6649-.5848-1.1507l1.1633-3.333Z"
+        fill="#BFF6F8"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m9.7792 3.7292-.9602-.2649c-.1722-.0475-.351.0488-.4114.2216l-1.1634 3.333c-.0678.1943.0402.4068.234.4603l1.5121.417c.1938.0535.3905-.075.4262-.2781l.6114-3.4853c.0316-.1806-.0765-.3561-.2487-.4036Zm-.827-.7763c-.4307-.1187-.8778.1221-1.0286.554l-1.1633 3.333c-.1696.4858.1004 1.017.5848 1.1506l1.5121.4171c.4844.1336.9762-.1875 1.0654-.6954l.6114-3.4853c.0792-.4516-.1911-.8903-.6217-1.0091l-.9602-.2649Z"
+        fill="#528693"
+      />
+      <path d="m5.8906 9.8713 3.3118.9135-.4437 1.7046-3.3118-.9135.4437-1.7046Z" fill="#fff" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="m8.5725 11.1592-2.3182-.6395-.1775.6819 2.3182.6394.1775-.6818ZM5.8906 9.8713 5.447 11.576l3.3118.9135.4437-1.7046-3.3118-.9135Z"
+        fill="#528693"
+      />
+    </svg>
+  );
+});
+
+NailPolish.displayName = 'NailPolishIcon';

package/src/icons/warning.tsx

@@ -0,0 +1,62 @@
+import { forwardRef, SVGProps } from 'react';
+
+type WarningProps = SVGProps<SVGSVGElement>;
+type WarningRef = SVGSVGElement;
+
+export const Warning = forwardRef<WarningRef, WarningProps>((delegated, ref) => {
+  return (
+    <svg
+      ref={ref}
+      xmlns="http://www.w3.org/2000/svg"
+      width="22"
+      height="22"
+      fill="none"
+      viewBox="0 0 22 22"
+      {...delegated}
+    >
+      <g clipPath="url(#a)">
+        <path
+          fill="#FFDE99"
+          d="M20.83 11c0 5.43-4.4 9.83-9.83 9.83S1.17 16.43 1.17 11 5.57 1.17 11 1.17s9.83 4.4 9.83 9.83Z"
+        />
+        <path
+          fill="#528693"
+          fillRule="evenodd"
+          d="M21.43 11c0 5.76-4.67 10.43-10.43 10.43S.57 16.76.57 11 5.24.57 11 .57 21.43 5.24 21.43 11ZM11 20.83c5.43 0 9.83-4.4 9.83-9.83S16.43 1.17 11 1.17 1.17 5.57 1.17 11s4.4 9.83 9.83 9.83Z"
+          clipRule="evenodd"
+        />
+        <path
+          fill="#fff"
+          d="M10.077 5.232c.41-.71 1.436-.71 1.846 0L17 14.025c.41.71-.103 1.599-.924 1.599H5.923c-.82 0-1.333-.889-.923-1.6l5.077-8.792Z"
+        />
+        <path
+          fill="#528693"
+          fillRule="evenodd"
+          d="m16.48 14.325-5.077-8.793a.466.466 0 0 0-.806 0L5.52 14.325c-.18.31.045.699.403.699h10.153a.466.466 0 0 0 .404-.7Zm-4.557-9.093a1.066 1.066 0 0 0-1.846 0L5 14.025c-.41.71.103 1.599.923 1.599h10.153c.821 0 1.334-.889.924-1.6l-5.077-8.792Z"
+          clipRule="evenodd"
+        />
+        <path fill="#FFDE99" d="M10.588 8.628a.5.5 0 1 1 1 0v2.475a.5.5 0 0 1-1 0V8.628Z" />
+        <path
+          fill="#528693"
+          fillRule="evenodd"
+          d="M12.188 8.628v2.475a1.1 1.1 0 0 1-2.2 0V8.628a1.1 1.1 0 1 1 2.2 0Zm-1.1-.5a.5.5 0 0 0-.5.5v2.475a.5.5 0 1 0 1 0V8.628a.5.5 0 0 0-.5-.5Z"
+          clipRule="evenodd"
+        />
+        <path fill="#FFDE99" d="M11.588 13.403a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z" />
+        <path
+          fill="#528693"
+          fillRule="evenodd"
+          d="M12.188 13.403a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 0 1 2.2 0Zm-1.1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h22v22H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+Warning.displayName = 'WarningIcon';

package/src/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/src/index.ts

@@ -0,0 +1,8 @@
+import './index.css';
+
+// Components ---
+
+export * from './action-menu';
+export * from './button';
+export * from './dialog';
+export * from './dropdown-menu';

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />